As the Lead Founding Designer at Mean Mug Coffee, a mobile coffee startup with a vision to merge great coffee and streetwear culture, I led the creation of a website to sell premium coffee blends and luxury streetwear oversized T-shirts. This project aimed to provide a seamless and engaging user experience that resonated with our target audience of socially savvy, urban millennials and Gen Z consumers.

Key Points:
• Goal: Create a website to sell premium coffee and luxury streetwear T-shirts.
• Target Audience: Socially savvy millennials and Gen Z (21–40 years old).
• Challenges: Balancing dual product focus, reflecting lifestyle, and optimizing mobile experience.

We needed a website that could:
  • Dual-Serve: Promote and sell coffee as well as luxury streetwear T-shirts under one cohesive brand identity.
   • Highlight Lifestyle: Reflect the unique lifestyle of coffee and streetwear enthusiasts who value quality, creativity, and community.
   • Simplify Shopping: Provide a smooth e-commerce experience that encourages repeat purchases.
   • Adapt to Mobile: Ensure a mobile-first design as the majority of our target audience shops on their phones.


Features Highlighted:
Dual Navigation: Easy access to "Shop Coffee" and "Shop Streetwear."
Product Pages: Detailed descriptions, reviews, and vibrant imagery.
Streamlined Checkout: Mobile-optimized with Apple Pay and Google Pay integration.
Visuals: Mockups of the homepage and product pages.

Progress:
Website Development:
High-fidelity designs and prototypes finalized.
Development team integrating Shopify backend and custom CSS.
‍
Testing Phase:
Conducting usability tests to ensure seamless navigation and checkout flows.
‍
Insights:
User Feedback: Early testing indicates excitement about the dual navigation and product customization features.
‍
Challenges:
Refining the balance between coffee and streetwear focus.
Ensuring real-time inventory management across categories.
‍
Key Learning:
User-centered design is driving strong engagement during testing, setting the stage for a successful launch.