Skip to content
Afaf.
01 / 14
All workUI/UX Design

Mariva

A recipe website that takes you on a culinary trip around the world. Made in collaboration with web developer Basmala Akriche.

Year
2026
Category
UI/UX Design
Discipline
Web design · UI/UX
01

Overview

Mariva is a recipe platform inviting visitors to “discover recipes from all over the world”, with seasonal picks, a dish of the day and travel by cuisine. The project covers the brand charter, the home page, recipe pages and playful 404 states, in light and dark modes.

FigmaFramer
02

Challenge

Create an engaging platform for people who want to cook but don't know what to make or where to start. The platform helps users discover recipes, gives them a complete shopping list of ingredients, and guides them through each recipe with easy-to-follow, step-by-step instructions.

03

Direction

Arched windows, tile-inspired borders and illustrated dishes give the interface a warm, Mediterranean character, supported by a clear editorial typography and a full light / dark theme.

04

Process

  1. 01

    Research

    I started by exploring the needs and behaviours of people who want to cook but often struggle to find inspiration. I looked into recipe platforms, food blogs and cooking apps to understand how they organise recipes, present ingredients and guide users through the cooking process.

    The goal was to identify opportunities to make cooking feel more accessible, inspiring and enjoyable.

  2. 02

    Concept

    I developed Mariva around the idea of making everyday cooking an inspiring journey. Rather than simply browsing recipes, users can discover new flavours through seasonal selections, daily recommendations and cuisines from around the world.

    The concept combines discovery, inspiration and practicality, turning recipe browsing into an enjoyable experience.

  3. 03

    Design

    I translated the concept into a warm and playful visual identity inspired by Mediterranean aesthetics. Arched shapes, illustrated dishes and tile-inspired patterns create a distinctive visual language.

    I designed a clear and intuitive interface, focusing on typography, visual hierarchy and easy navigation. The experience also includes light and dark modes, recipe pages and playful interactions to make the platform engaging across different touchpoints.

  4. 04

    Delivery

    The final design brings together a complete brand and digital experience. I developed the brand guidelines and designed the main website pages, ensuring visual consistency across the platform.

    The final deliverables include responsive-ready interface designs, light and dark themes, detailed recipe pages and a playful 404 page that extends the brand personality beyond the main experience.

05

Deliverables

  • Brand charter01
  • Home page (light & dark)02
  • Recipe page03
  • 404 pages04
  • Framer prototype05

More projects

See all work