03 / Case study

A naturally warm ecommerce experience.

A responsive redesign translating Nala’s Baby’s gentle, illustrated identity into clearer product, collection and content journeys.

Role
UX/UI Designer
Scope
Homepage · Product · Collection · About · Content
Focus
Brand translation · Ecommerce UX/UI · Responsive design
Nala’s Baby ecommerce homepage displayed on a laptop in a warm, natural setting
A distinctive illustrated brand translated into an approachable retail experience.

01 / Context

Let the brand feel playful without making shopping feel busy.

Nala’s Baby already had an expressive visual world. The design challenge was to carry that warmth into ecommerce while keeping product discovery, reassurance and navigation easy to understand. The result is a flexible page system where personality supports the buying journey instead of competing with it.

02 / Visual system

Natural colour. Soft shapes. Clear hierarchy.

Cream, clay and lilac create warmth; illustrated foliage and cloud forms add character; strong spacing and repeated content patterns keep the experience composed.

Warm creamSoft clayGentle lilacNatural green

03 / Design principles

A system that earns trust.

01

Warmth with structure

A soft, natural palette and playful illustration carry the brand, while a disciplined grid keeps product discovery clear.

02

Trust close to choice

Ingredients, approvals, awards and product reassurance sit alongside the moments where families make decisions.

03

One responsive language

Desktop and mobile use the same content rhythm, components and visual cues rather than behaving like separate products.

04 / Responsive homepage

The same story, shaped for every screen.

The homepage moves from brand introduction to ranges, ingredients, best sellers, awards and editorial content in a deliberate rhythm. Mobile preserves that sequence while giving every message enough room.

05 / Commerce journeys

From browsing to confident product choice.

Collection and product templates use one modular language for filtering, product comparison, ingredient detail and supporting brand content.

06 / Brand story

Content that gives the products context.

The About experience extends the same design language into brand purpose and supporting information, so trust can build beyond a single product page.

Nala’s Baby About page combining brand storytelling, editorial imagery and illustrated detailsAbout page · Open full design

07 / Design output

A coherent responsive ecommerce toolkit.

The final design brings the principal shopping and storytelling journeys into one reusable visual system, with paired desktop and mobile layouts ready to guide implementation.

  • Responsive homepage system
  • Product and collection templates
  • About and editorial content patterns
  • Reusable interface components