Design Process

The design process followed a structured approach, beginning with user research and market analysis. User interviews helped identify key pain points and preferences. Ideation and sketching led to digital wireframes, which were refined into high-fidelity designs. A clean and modern visual identity was established using the Inter typeface, a primary color of #ECE3F0, a white background, and black buttons to ensure contrast and readability.

Market Research

A competitive analysis showed:

• Many recipe websites are cluttered and hard to navigate.

• Minimalist designs improve usability.

• Personalized recommendations enhance user experience.

• Websites with blog content and community engagement retain more users.

User Interview Findings

Insights from user interviews:

• Users prefer visually appealing and well-organized recipe layouts.

• Quick search and filtering options improve engagement.

• Step-by-step instructions with images enhance understanding.

• A clean and intuitive UI increases user retention.

• Users want a mobile-friendly design.

Persona

Journey Map

Task Flow

1. Landing on the Homepage → Explore categories or search for recipes.

2. Selecting a Recipe → View details and instructions.

3. Saving or Sharing → Bookmark or share recipes.

4. Exploring the Blog → Read related food blogs.

5. Contacting for Inquiries → Access customer support.

Visual Identity

• Typography: Inter (modern and readable).

• Primary Color: #ECE3F0 (soft and inviting).

• Background Color: White (clean and fresh look).

• Buttons: Black (high contrast for visibility).

High-Fidelity Designs

Learning Outcomes

Key takeaways:

• User research is essential for effective design.

• Minimalist UI improves usability and engagement.

• Consistency in typography and color schemes strengthens branding.

• Iterative testing enhances user experience through refinement.