Counterpoint
coffee
Counterpoint Coffee shop is a cafe located in the Monterey area. The business does not have a website so I went ahead and designed one anyways as a mockup design project.
My Task
There’s a lot of coffee shops in the area, but Counterpoint Coffee also has a recording studio in it with a very unique atmosphere. I wanted to capture this atmosphere in the website so customers could get a feel of the place before they went. People in the Monterey area are often tourists googling places to go to. In this case, the Counterpoint Coffee site is meant to give a snapshot of the menu and the cafe itself.
Process
Every site starts with wireframes and site maps. A site map ensures the amount of pages Counterpoint needed as well as give an insight to how to wireframe the website properly. I kept the site map very simple as most people would not be spending a lot of time on a cafe’s website. The moldboard is last in the initial design phasing as getting a style going makes it easier to actually code/implement.
Results
There’s an emphasis on images in this site. If you’re capturing the spirit of the business, it is incredibly necessary to actually show the interior and exterior. The motif of the coffee stain is also used throughout the site as it is the logo of Counterpoint Coffee. Even down to the color palette: it was straight taken from interior pictures of the cafe. Ensuring that the website really did reflect the place well.
I made sure to include their social media, as they post a lot, as well as grub hub (their main food delivery app used). By having that static on every page, a customer is able to easily get to what they need quickly. The menu button being at the very top and prominent is another conscious decision. The number one complaint about food and beverage sites is the inability to see the menu without jumping through hoops. Here, it is a simple button at the top right. The menu pages also includes every menu item and pricing which is another touch point often missing in food and beverage sites.
