Week 8: Website improvements (2)

After making some changes to my website some days ago, as a first attempt to make my website as efficient as possible visually but also practically, and after Tuesday's tutorial and having shown my website to my friends and family to have their feedback on what could be improved, what they liked or what they thought was missing, I made some more changes to my website, changing its aesthetic quite a lot, which I personally thinks works much better, as I feel the website is much more attractive and visually cohesive now.

First of all, here are the opinions on the previous version of the website (tutorial + friends and family:

Website link: https://alejandroboutin.wixsite.com/misitio-2/how-to-send-your-letter

Introduction of colour:

One of the most repeated things from the feedback I received was that my website felt quite "sad", that the colors chosen were kind of dark, neutral, not vivid, and that it could be interesting to try how changing the colors could bring some more "excitement" to the website, maybe to make the visitor be more engaged with the website.

Also during tutorials, they recommended to try how using only two colors for my website could represent the fact of having two "parts" or "sides" in the exchange, and how those two parts could be represented by two different colors used in the website. That's what I tried to do with the circles of the website (which is the characteristic shape of the website, present in every page), for which I used two different colours, that came together in a same circle.

Each homeless person has its own colour, in an attempt to differentiate each of their pages and have a differentiation between them, that is the colour used in each of their pages.

This colour is then combined with another colour at the "Buy stamps" buttons, to symbolize how, when buying a stamp, the donor is getting closer to the homeless person and how the contact between them is suddenly visible.

The use of vivid colors is present all around the website, to make the whole thing work together and have a same visual language.

Change of typeface:

I also decided to change the typeface that I was using in the previous banner, as the previous. typeface was too bold, and just didn't feel right for the website. I went for a much "lighter" and simpler typeface, which I think allows to focus more on the messages and the stories instead of what the typeface itself communicates.

Font: Avenir Light