Role: Web designer / Developer
Timeline: 3 weeks
A two page website redesign for a local coffee shop, focused on helping users quickly understand the café's offering and access the menu while reflecting a bright, summer-inspired brand.
Constraints
no budget for formal user research
Short project timeline
Limited content provided by the client
Problem
The client owns a small local coffee shop with no online presence
Users had no easy way to discover the café online
Key information (menu, location, atmosphere) was not quickly accessible
Competitors already had websites, reducing the café’s visibility
The café was losing potential customer engagement
The client requested a colorful, summer-themed website
The design needed to reflect the café’s warm, bright atmosphere
The website should showcase the café’s unique personality
Goal
Create a bright, summer-inspired website that aligns with the café’s brand
Make the coffee shop easily discoverable online
Present a clean, well-organized menu for quick browsing
Showcase the café’s vibe and visual identity to build trust and attract new customers
Ensure a mobile-friendly design for customers browsing or ordering on the go
User Needs
Clear open hours and location
Quick access to the menu
High-quality visuals to understand the café’s vibe
Simple, mobile-optimized navigation
Easy-to-read categories: coffee, tea, smoothies, pastries, and seasonal summer drinks
Chose a color palette inspired by summer shades: warm yellows, soft blues, coral accents.
Added playful, light visual elements to create a refreshing feel.
Designed menu sections with icons, images, and short descriptions for easy scanning.
Solution
Vibrant Homepage: Features a summer-inspired color palette.
Atmospheric Hero: Showcases the café’s environment.
Mobile-Optimized Menu: Organized drink and food categories.
About Section: Highlights the café’s story and photos.
Contact & Location: Includes Google Maps and hours.
Outcome
· Clear access to menu and key information on mobile
· A simple, scannable layout that supports quick decision making
· A design that balances strong visual identity with usability
