Toasted Bean Coffee Shop Website
The Toasted Bean Coffee Shop Website was developed as a digital hub and storefront, offering customers a space to explore, learn about, and purchase premium coffee beans and related products. Designed to provide a seamless and enjoyable shopping experience, the website reflects the brand's identity, products, and the cozy ambiance of a physical coffee shop. My role encompassed the entire design process—from research and empathy mapping to defining user needs, ideating solutions, prototyping, and implementing the desktop site. The next phase involves testing the site's functionality and assessing its overall viability.
​
Role: Branding Design, Graphic Design, UX UI Design, User Research
Tools: Sketch, Illustrator, Photoshop, GitHub
Duration: 7 weeks
Research - Empathize - Define - Ideate - Prototype - Implement
Why Drink Coffee?
What problem do your customers have?
• Tired, up too early, not morning person
• Need a boost of energy
• Want a social experience
• Relieve stress
Your Solution (Product or Service)
• Serve coffee with a story
• Give coffee drinkers a memorable experience
• Convenience
Business Model (How to Make Money)
• Coffee
• Merchandise​
​​Define and Ideate Target Audience
• Experience: What Coffee Looks like
• Convenience
Types of Coffee
• Light Roast vs. Dark Roast
• History/Origin of Coffee
• Taste and Flavors
Types of Coffee Drinkers
• Coffee Lover
• Average worker
• Connoisseur
• Parent
• Student