For the week six assignment, I had to review the website of Isa Janssen. To make it as clear as possible, I have divided the review into five sections: Scanning, Text, Navigation, Home page, and Suggestions.
Click here to see Isa's website
When looking at the website of Isa, there is a very effective visual hierarchy. Starting at the home page, it is evident what the main point of the page is that you are looking at. The navigation bar is set between two pink lines. This makes it stand out, making it easier to see on what page of the website the user is on. Continuing she also highlighted the selected page in pink, adding to the web page's clarity. Isa has made it clear which parts of the site are clickable, as the links turn a shade of light pink when hovering over them. Regarding design noise, I don’t think there is any. The webpage is designed very clearly, with the main color of the page being white, with pink accents scattered across the page. Besides being a very bright color, I don’t think it distracts from the website's main purpose, as the color used is consistent throughout the site. I think the pink color on the sides of the webpage helps direct the user's focus onto the website's main content.
The text on the webpage is short and clear, making it easy to scan. There is no unnecessary text on any pages and thus no happy talk. Throughout the website, Isa uses the same fonts and headers, making it easy to read. On every page, there is also a link for the banana pancakes. The text itself is not clickable. However, the pancake image is. This is also clarified by the text surrounding the picture.
The example of the banana pancake clickable link
As mentioned before, the navigation bar stands out on the page; this makes it easy for users to navigate Isa’s website. When going to a different page on the site, the selected page in the navigation bar turns a bright pink color. This helps clarify which page the user is on throughout the website. The navigation bar remains in a consistent spot. The order of the page names remains the same in the navigation bar, again helping with the user's navigation. There is a home button on all the pages to return to the home page.
The picture above clarifies the navigation on Isa's website. The selected page, in this case, the home page, is colored dark pink. The clickable link, which my cursor is hovering over, is a lighter shade of pink, showing the distinction between the two.
A friendly welcome message on the home page indicates the website's purpose. In addition, the message explains the things the user can do on the website.
Overall, I really liked the Website that Isa made. My suggestion is to align the paragraphs with the text-align: justify tag. That makes the website look cleaner and the text easier to read.