This project explores a visual web design concept for Counterpoint Coffee, aimed at showcasing brand personality and enhancing the online presence of a coffee company. The designs are presented as mockups to illustrate a possible direction for a homepage and supporting pages.
Tools used: Photoshop, Illustrator, Figma
overview
Challenge
The goal was to create a clean, engaging website layout that reflects the character and aesthetic of Counterpoint Coffee, using a visual language that supports navigation and user interest — all without a pre-existing design system or brand guidelines.
Approach
I began by defining a visual theme that blends warmth and simplicity, appropriate to a coffee brand’s identity. I developed a layout hierarchy to organize key elements such as navigation, hero imagery, feature sections, and product highlights. This included choosing typography, spacing, and layout patterns that would communicate clarity and personality.
The mockups were created to show how the visuals and content could work together on key screens, focusing on:
Hero section with brand introduction
Product/service calls-to-action
Visual storytelling with photography and text balance