ARTM2210 Intro to Web Design

Just another Intro to… site

Klavon’s Ice Cream vs. Bittersweet

Klavon’s Ice Cream is a local Pittsburgh ice cream store located in the Strip District. The Klavon’s website is has a three page format  that contains all of the information as well as images on the first page, and menus on the second and third. The homepage’s background is a tiled, monochromatic (brown) version of their logo that is also placed in the top left corner in black and white. The top of the homepage contains contact information as well as an address for the store. Underneath the heading information are two brightly colored rectangles (red and yellow) to catch viewers’ attention, one being change of store hours, the other being a button for a menu that leads to another page. The next section of information has brown text (slightly darker than the background) and a gif of moving candy next to the text.  Then there is a slue of different sized images placed in the center of the homepage, with more gifs and brightly colored buttons underneath. The small red button on the right side is a second menu with ice cream flavors.  The bottom of the page has black text explaining the history of the store as well as regular store hours. It is difficult to navigate Klavon’s page, because the menus are not easily accessible. Instead of being placed in an easy place to find, they are thrown sporadically around the homepage. The information is not placed well for viewers to easily find, because it is sectioned off randomly and lacks organization.

The Bittersweet homepage sections off each page with a button and an image. The entire page is on the center of the screen and placed on a simple white background to help show each image. Clicking on either an image or button will allow users to go to the section of information selected. It is easy to navigate to different sections because the buttons on the bottom are placed in the same area on each page. Also, the logo button on the top takes viewers to the homepage. The information is sectioned off into smaller categories so it is easier to read. Each section uses the same typeface and color against a simple white background for clear legibility. However, there is no visual hierarchy to show importance of the text for each page. Each page has all of the information placed in the same area for consistency.

The layout of the Bittersweet homepage is easier to navigate than Klavon’s. The information is sectioned off on each individual page along with the homepage for Bittersweet. Klavon’s website seems as if it is a single page layout at first, but then viewers have to dig around to find there are two separate menu pages located within the homepage. The Klavon website spreads the information throughout the page without showing users where to find particular things someone visiting a local ice cream store’s website would hope to find, such as flavors, history, store hours, etc. However, the initial store information placed on the top has bigger text than the rest of the page, so if the viewer is having too much trouble navigating the page and becomes frustrated, they can call the store. In comparison, information on the Bittersweet page is easier to find than on the Klavon’s website.