currentform | Simon King, Interaction Designer
The look of the site fits in with current branding found on signage, business materials, and print promotions.
Find out which local artists have work on display or browse the archives to learn about past shows.
The “story of coffee” is told with accompanying photos, taking you from tree to cup.
Where coffee is grown can be an indicator of how it tastes. Regional differences are explained and examples given.
The coffee finder lets people explore a range of characteristics and get coffee recommendations that link to the product catalog.
Coffee grind preference can be chosen when adding to a shopping cart. The mini-cart on the left keeps track of your total.
Product category pages group items into sub-categories whenever possible.
An example of a loose-leaf tea product page.
Non-food items are also sold online including clothing, brewing equipment, and mugs.
Item options can be changed directly from the shopping cart anytime before checkout.
Water Street Coffee Joint
Description
Water Street Coffee Joint is a cafe in Kalamazoo, Michigan that sells coffee and tea alongside food, gelato, and brewing equipment. They have two store locations and were interested in opening an online store to attract new business and sell to loyal customers who have moved outside the area. The site also needed to let wholesalers place orders with varying discount levels.
Along with selling products a focus on coffee education plays a strong role. There are sections about the history of coffee, the process from berry to cup, learning about regional varieties, and how to brew the perfect cup. Water Street wants to convert coffee drinkers into coffee connoisseurs.
The site is built with web standards using XHTML for structure, CSS for layout, and PHP on the backend. The product catalog and store administration tools are managed through ShopSite which was customized to handle wholesaler accounts.