This week I focused on creating my low and mid fidelity wireframes for project 5. From my research board that I created last week I developed a colour palette that matched the tone of my app, using earthy tones and not to use too much green as I was trying to keep away from the concept to greenwashing. I experimented with different design and colour combinations – how I want the aesthetic of my app to look. However after I took a break from it and focused on refining project 3, I realised that it looked too dull and didn’t match the aesthetic with the penguin.
After discussing the theme with Dave, he highlighted the 60, 30 and 10 rule. This rule emphasised how much colours should be used and what it should be used for. I therefore opted to use the colours – white, blue and a peachy orange in which the CTA button were orange so they were able to stand out much more. I also changed my fonts many times as I didn’t like how they looked and learnt from when I was creating my experience website, that using a variable font instead of 2/3 different fonts for this app would be much easier.
After going back and fixing project 3, I changed some of the fonts, how the footer of the website would look as well as the ‘Cuisine in the Clouds’ logotype. Initially is was a really blocky font, in which I changed it to something much thinner. However it looked too squished and on the phone I realised it would be too hard for people to read – especially with accessibility issues. Changing the font to something more legible as well as how it was presented as a logotype, made it fit in with the website much better. After also getting some feedback from Rob I
- increased the padding on both my mobile and desktop websites
- made the date selection bigger for mobile and web
- added more images
- made the font smaller for iphone
- made the text look airy – by having gaps in it
- ensured all the fonts I used – were consistent throuhout
After finalising project 3 I was able to conduct usability tests, in which I got some good feedback from as well as make changes. Initially the ‘food menu’ was titled ‘menu’ and one user said that they thought it was a normal menu to check other pages. I also added a line under each heading of the page that a user was on, emphasising it to make it more clear. This feedback ended up really improving my website, to look more thrilling and user friendly.