After reading chapter 3 & 4 of “Don’t Make Me Think,” the information influenced the way I went about choosing a single page site. When I first read the title “Creative Bacon” on onepagelove.com I was immediately intrigued to click and find out what this site was. Right after clicking, your eye is first drawn to their unique logo of a C shaped piece of bacon in a frying pan. The vibrant color of the bacon attracts your eye and deliciously tells you where to begin on the site.
If you scroll over the logo, the bacon dances as if it is being cooked (creatively) in the pan, which is fun interaction for the user. Below the logo, the side navigation bar is simple and very easy to use. An example of a successful visual hierarchy is if you scroll over the two sections with text in the navigation bar, “What we’re ABOUT” and “Check out our WORK,” it highlights in red to show it is a clickable link without making the user think. The user knows once they scroll over and see the red, that it is a clickable link and there is additional information on that page. Another example of a visual hierarchy is the icon buttons in the navigation bar. There are two distinguishable icons, an envelope for email and a camera for Instagram. These tabs highlight in white when the user scrolls over them so they know if they want to email Creative Bacon they simply click on the envelope and to see their Instagram account, they simply click on the camera.
In chapter 3, the concept of nesting is introduced, and it is applied all throughout Creative Bacon’s site. On the home page, your eye is attracted to the first large body of text which is nested in its own container to explain what Creative Bacon is. Directly below this body of text, is a visual hierarchy header, “Design and Development,” which clearly labels that this is a new section and the nested text below is a part of the design and development section.
After clicking on the “What we’re ABOUT” tab, you are taken to a page with two images of the founders of Creative Bacon. Even before reading the titles nested under their names, the user automatically assumes that these are the co-founders because the images are big, bold, and make an impact of importance. Below each image, is nested text, clearly belonging to each photo, and links to their personal emails and resumes. The user never has a doubt about which bio or links belongs to each image, because they are clearly organized beneath the photos. The links are obviously clickable due to the red font and the underlined text, making it easy to recognize and function.
One of the most effective and appealing aspects of this website, is the “Check out our WORK” page. This page is beautifully designed with circle shaped images that when the user scrolls over each circle, the image flips and describes what each circle is. For example, the first circle is an image of a logo, and when you hover over it, it rotates to a red background with a title of “Logo Design,” (or Web Design) then a line to separate the name of the business or person they designed it for. Once you click on the circle, the logo becomes bigger and you can click arrows to easily browse through the other logos without having to close the logo, and click on each one. For the web design clients, once you click on the circle, it takes you to the site to see what they have designed.
Overall, Creative Bacon makes your experience on their webpage easy and fun. By highlighting the navigation tabs, the user can easily travel throughout the website. By utilizing visual hierarchies and the nesting technique, Creative Bacon makes their website easy and to the point with their simple color scheme and theme. Whether you are looking for a tasty, new logo, illustration, or website, Creative Bacon gives you the recipe for success with a deliciously designed website.
http://www.creative-bacon.com