Muum website home page design on a laptop beside a knitted toy and folded blankets
UI/UX Design Web Experience E-Commerce

MUUM UI

web experience case study

MUUM is a baby-care brand rooted in comfort, gentleness, and trust. Our task was to transform this emotional brand world into a high-performance, intuitive, and clear digital experience. The core idea: soft brand → structured, confident digital journey.

02: Emotion-Driven UX Design

MUUM is a baby care brand built on comfort and trust, and this project was the digital side of it: turning a soft brand world into a structured shopping experience without losing what made it soft.

At MarkaWorks we built the interface language to carry that tenderness. Warm gradient transitions, calm layouts with room to breathe, a serif paired with a rounded sans, and photography of real parent and baby moments rather than stock imagery. The pairing choice matters: a serif alone would read as formal, a rounded sans alone as childish, and the combination lands where the brand needed to be.

See more web and digital design case studies.

Muum color palette, six hex color pills from mint and pink to green and plum
Muum website hero design on a tablet frame with the Soft Foam bottle Muum Soft Foam bottle in pale blue among soap bubbles Muum brand guideline slides for tone, color system, typography and packaging

03: Decision Simplicity & Clarity

Clarity drove every MUUM flow decision. New parents are not browsing, they are deciding under time pressure and often with one hand occupied. Benefits appear at first glance, ingredient blocks are shown plainly, the story runs in a straight line, and the path from discovery to purchase was shortened rather than decorated. Calls to action are present without shouting.

Muum home page full design with a hero, feature icons and review cards Three Muum mobile screens with a hero, a feature list and a review card on pink

04: Conversion-Focused E-Commerce Architecture

The commerce architecture follows behavioral reasoning. The structure is mobile-first and arranged for one-handed use. Product cards use consistent spacing rules, ingredient comparison zones sit where the question gets asked, and product pages are built so a scroll answers the next question rather than raising one.

Muum pink tube and green wipes box on a shelf against green slats Muum product page design, Pure Wipe, on a tablet frame Muum green wipes box on a glossy green 3D backdrop

05: A Scalable Digital System

Underneath it, we built a modular UI system: a responsive component library, fixed color and spacing rules, ingredient-aligned iconography, and restrained micro-interactions. That system is what lets the brand add products later without the interface drifting away from the identity it started with.

Three Muum social tiles with a bottle on foam, a green text card and a baby photo Muum product page full design with an ingredients ring and a product row Three Muum mobile screens for the product page and ingredients on mint Three Muum social tiles with clouds, a teddy bear and a green text card Muum product family on a white set with a teal wall sign, tubes, bottles and a wipes box

Let’s make the work they’ll copy.

Talk to an expert now
MarkaWorks team members

Work with a 38 team of the
industry’s top 1% talent.

babybaby carebrandingEcommercekidsmothershampooShopifyskincareWeb