Accessibility
The text fulfills all WCAG-standards. All images has alternative text and the website is universally designed. All elements ar clearly distinguishable for the colorblind.
Typography
All fonts are sans-serif to be light and informal. For the headlines I have chosen Montserrat, which is a font with a lot of character and looks nice in both lowercase and uppercase. For the paragraphs I have chosen to use Lato, as this is highly legible font that is still rounded and matches the rest of the design. I have added some extra kerning to all text for better readability on all devices.
Colors
The color pallette is light and natural. The background color isn't white but rather a cream white for the same reason that the "logo" and small illustrations has warm earth colors: to feel homey and welcoming. I also chose the cream white color to help distinguish my website from the vast majority of white and light grey sites out there. Boxes like background elements or frames for projects have colors that has some similarities to Post It notes, as a nod to the design process that is such a big part of my profession and threrefore me.
Design process
The Miro-board for my design process can be accessed from this link.
I started the design process with exploring the purpose and requirement of the project and who my users might be. I then moved on to How-Might-Wes and crazy 8s. Lastly I created wireframes for both desktop and mobile. For this project I decided to prototype directly in the browser with HTML and CSS.
