About

The design on the website was created with the target group in mind. I wanted a colorful website to appeal to the children and make it more fun and friendly. I believe children are more likely to stay on a website if the design is childish. Contrast was also carefully considered to meet accessibility standards. The dark green text on a light-yellow background maintains good contrast for reading. The green color palette was chosen to represent the climate. I chose the title font mainly because of its childish playful looks. The body font Arial was used to minimize the climate footprint. And also because Arial is a grotesque font which makes it more readable on a screen than a sans-serif font. When working on the visual hierarchy I focused on the titles and how I could differentiate all the title-elements. For h1-h3 I used the same font in a different size and space over and under. For h4 I chose to use the same font as the body in a larger size and in the green color. This is to mark it as a title, but also as the least important title. The images were carefully chosen. I wanted colorful illustrations that would appeal to the children. The hero would make the children want to do the game so that they too could be a hero and wear a cape. I also made sure that the file-size was not too big to reduce the climate footprint. The whole website is 930 kb in size.

For this project I felt way more confident with the code than I did before. I was able to understand how to solve problems in a whole new way, which made it quite enjoyable. It was a great way to earn confidence in coding, and to use everything we have learned. I also appreciated the design freedom, and that I was allowed to do almost everything I wanted to do.