Café Joyeux

E-Commerce

Overview

Café Joyeux is a socially responsible coffee brand committed to integrating neurodivergent workers into the workforce.

The brand required a new e-commerce platform that seamlessly blended its commitment to social inclusion with a high-performing online shopping experience. My role as a UX Designer was to structure the website's information architecture, define user flows, and create wireframes to ensure a cohesive user experience that effectively communicated the brand's mission while optimizing online sales.

Café Joyeux Header
graphic-red2
graphic-pink1
joyeux2

Goals

  • Highlighted Café Joyeux's mission of supporting neurodivergent workers.

  • Provided a seamless shopping experience for customers.

  • Balanced storytelling and brand content with e-commerce functionality.

  • Ensured intuitive navigation and accessibility for all users.
graphic-yellow2
graphic-violet1
graphic-red1

Role & Responsibilities

Information Architecture & Tree Structure
Organizing content to ensure an intuitive site navigation.

User Flows
Mapping out paths to guide different user types through the website.

Wireframes & Prototyping
Designing low-fidelity wireframes to lay the foundation for a user-centric interface.

Content & E-Commerce Balance
Ensuring an engaging brand narrative while maintaining conversion-driven design.

Café Joyeux Wireframes
graphic-blue2
graphic-yellow1
graphic-blue2
Café Joyeux Wireframes

UX Strategy

1 . Clear Information Hierarchy

  • Designed a well-structured sitemap to balance brand storytelling and online sales.
  • Prioritized content sections that emphasized both product offerings and social impact.

2. Optimized User Flows

  • Created streamlined purchase journeys for first-time and returning customers.
    Ensured accessibility and ease of navigation, accommodating diverse cognitive abilities.

3. Wireframing & Prototyping

  • Developed wireframes to visually represent page layouts before development.
    Iterated on designs based on user testing and feedback.
graphic-dark1-rotate1
graphic-dark1
graphic-red3

Lessons Learned

Accessibility-First Design Matters

Considering neurodivergent users from the outset led to a more inclusive experience for all.

Content & Commerce Can Coexist

A well-structured layout allows both brand engagement and high conversions.

Optimized Purchase Flow is Key

Reduced friction in the buying process while keeping users engaged with the brand’s story.

Café Joyeux Wireframes
graphic-blue1
graphic-red2

Bring Life to your Vision

Reveal the value of your company and its services and prepare for your growth!

white-ellipse
mockup-cta
graphic-red4
graphic-yellow3