Macro Root

Macro Root

Cooking Made Simple

Cooking Made Simple

Macro root is a self-initiated cooking platform concept focused on helping users discover meals quickly and effortlessly. As the UI designer, I created a simplified, visually engaging experience that combines clarity, speed and a playful brand identity.

Design Concept

Design Concept

  • Vibrant yellow and coral palette to evoke creativity, warmth and appetite appeal.

  • Playful layouts and generous white space to create a light, welcoming atmosphere.

  • Clear visual hierarchy, bold typography and structured recipe cards to ensure users find their perfect meal in under three steps.

Process

Process

Process

1

1

Research:

Reviewed recipe platforms to understand structure and patterns.

2

2

Define:

Defined goals and target users.

Define:

Defined goals and target users.

Define:

Defined goals and target users.

3

3

Idea:

Sketched layouts and low-fidelity wireframes.

Idea:

Sketched layouts and low-fidelity wireframes.

Idea:

Sketched layouts and low-fidelity wireframes.

4

4

Design:

Applied the palette, typography and responsive layouts.

Design:

Applied the palette, typography and responsive layouts.

Design:

Applied the palette, typography and responsive layouts.

5

5

Outcome:

Delivered a clear, intuitive interface.

Outcome:

Delivered a clear, intuitive interface.

Outcome:

Delivered a clear, intuitive interface.

Design system

Design system

Design system

Palette:

Palette:

#F7C948

Primary brand color used to create warmth, creativity and appetite appeal.

#F97316

#F97316

#F97316

Secondary accent adding energy and visual contrast.

#FFF7E6

#FFF7E6

#FFF7E6

Soft background tone to maintain lightness and readability.

Soft background tone to maintain lightness and readability.

Soft background tone to maintain lightness and readability.

Typography:

Typography:

Lalezar

Lalezar

Lalezar

Used for headings to create a bold, friendly presence.

Content

Content

Content

Used for body text to ensure clarity and comfortable reading.

Used for body text to ensure clarity and comfortable reading.

Used for body text to ensure clarity and comfortable reading.

Reflection & Next Steps

Reflection & Next Steps

Reflection & Next Steps

  • Explored how simplicity and personality can coexist in a tech-based product.

  • Would prototype interactions and refine the discovery flow in future iterations.

  • Demonstrates my ability to design vibrant, user-friendly interfaces.

Like what you see?

Like what you see?

Like what you see?

Passionat UI designer that is eager to learn more and find her next place.

Passionat UI designer that is eager to learn more and find her next place.

Passionat UI designer that is eager to learn more and find her next place.