Skip to main content

Web design case study

Building an Online Presence That Captures Chantal's Organic Spirit

Chantal Organics, a family-owned New Zealand business, had recently revitalised their brand identity to embody their commitment to wholesome, sustainable food. With this refreshed vision in place, they were ready to evolve their digital presence into an experience that truly reflected their warm, handcrafted ethos. Their goal: create a digital destination where customers could discover recipes, explore products, and feel inspired to embrace conscious living.

Working in harmony with their new visual identity, I designed an immersive digital experience that puts their organic lifestyle philosophy front and centre. The result? A seamless journey from recipe inspiration to product exploration—making it effortless for users to connect with Chantal’s down-to-earth approach to nourishing food and sustainable living.

My Approach

I centered the entire design process on translating Chantal’s handcrafted, organic soul into tangible digital interactions. The founder’s vision—"create something her daughter would love"—became my creative compass, guiding every decision from typography to photography.

Design Solutions at a Glance

These highlights showcase how I translated Chantal’s handcrafted soul into purposeful digital experiences—each solving a specific user need to bring their organic, family-driven values to life online.

Chantal%20Organics%20-%20Solution

Recipe Pages That Inspire Action

I made layouts simple (prep time/difficulty/servings upfront), added print/share buttons, and designed natural product showcases—inspiring recipes and ingredient purchases.

1. Recipe Pages That Inspire Action

From Recipe list to dinner

I created recipes that come alive in real kitchens: from a list of ingredients to links to Chantal's products page, a step-by-step guide explaining how to prepare the recipe, and simple "Looking for more recipe ideas?" messages that keep users coming back, turning casual visitors into loyal followers.

2. From Recipe list to dinner

Discover New Recipes Through Products You Love

Take their Ginger Crunch & Plum Granola—I put the recipe on the side and showed different ways to use the product. It helps people realize one product can work in breakfast, snacks, or desserts. Bold text and soft backgrounds make it easy to scan, and the playful images make you want to try everything.RetryClaude can make mistakes. Please double-check responses.

3. Discover New Recipes Through Products You Love

Colors That Match the Products

I used the same soft pinks, greens, blues, and peaches from Chantal's packaging. The whole site feels warm and a bit playful—like it was designed with kids in mind (which it was, based on the founder's daughter). It's more like browsing a beautiful cookbook than shopping on a boring website.

4. Colors That Match the Products
Content Image
Content Image
Content Image

The Result

The new site captures Chantal's organic, handcrafted personality online with a playful, child-inspired approach that reflects the brand's family values. Customers can discover new recipes, learn about ingredients, and shop for products in a way that feels natural and inspiring. The flexible content system lets the Chantal team keep sharing their passion for organic living, while the recipe integration drives meaningful engagement with their products. Most importantly, it feels like shopping with a friend who happens to know a lot about organic food.

Connecting constraints to decisions

Challenge → Design response

Each response traces back to a customer, operational or platform constraint.

  1. Challenge

    Build an Online experience that embodies Chantal’s warm, organic brand values

    Design response

    Ingredient-linked recipes to drive product relevance and increase engagement

  2. Challenge

    Encourage deeper engagement through lifestyle content and healthy living inspiration

    Design response

    Soft, vibrant UI language using earthy tones and playful illustrations

  3. Challenge

    Design recipe discovery that supports product promotion without feeling overly commercial

    Design response

    Modular CMS components for recipes, product highlights, and lifestyle storytelling

  4. Challenge

    Make product pages informative, inviting, and visually consistent across a varied catalogue

    Design response

    UX patterns that balance ease of navigation with discovery and surprise

  5. Challenge

    Enable flexible storytelling via CMS, empowering the content team to update regularly

    Design response

    Consistent UI and hierarchy that reinforces trust while inspiring everyday use

  6. Challenge

    Support brand trust with clear, transparent UX for ingredients and sustainable messaging

    Design response

From ambiguity to delivery

Design process

The process was not strictly linear. Each stage reduced a different kind of risk and informed the next design decision.

  1. User journey mapping for discovery, cooking, and find Chantal branches around NZ

  2. Mobile-first wire-framing for kitchen-friendly recipe layouts

  3. Color palette development using product packaging as inspiration

  4. Modular CMS component design for flexible storytelling

  5. Recipe subscription flow design to encourage return visits

  6. Responsive testing across devices for real cooking scenarios

Block-style portrait of Luis Saavedra

DIGITAL PRODUCT DESIGNER

I’m Luis Saavedra.

My background in industrial design still shapes how I work: I think of digital products as practical tools that need to be clear, useful and well made. I bring that approach to complex workflows, clean UI and design systems that hold up in production.

  • Product Strategy
  • Design Systems & UI Kits
  • Human-AI Interaction
  • E-Commerce & Mobile Apps
  • User Journeys & Workflows
  • Accessibility & Usability