All work
Web · MobileVisit live site

NutrimilkPremium–ASwissInfantFormulaWebsite

Nutrimilk Premium is a Swiss infant formula range made from fresh milk. The brand had just been reborn around one idea, simply healthy, simply happy, but its website was still a generic template. I designed and built the new one: a bilingual site where a worried parent can understand the range in seconds, on a laptop or on a phone at 3 a.m.

Roles
Web Designer · Design Engineer · Showreel
Tools
Next.js · TypeScript · Three.js · Vercel
Category
Health / Consumer Brand
01

The Starting Point

A premium formula deserved a premium home. The old site made products hard to compare and left the Swiss story behind every tin untold. Meanwhile, parents are surrounded by too many choices and too many claims. They don't want to become nutrition experts. They want to feel sure.

02

The Brand

The rebrand and strategy were led by Ebtihel Bouajila: the Simply Healthy, Simply Happy idea, the drop-and-smile logo and the new packaging. My job was to turn that system into a digital experience, keeping its softness, colour and clarity while adding the structure a real product catalogue needs.

03

What I Designed & Built

3D tins you can read— Each of the nine tins renders live in the browser with Three.js. Parents can zoom in on a product page until the label is legible, by double-click, buttons or pinch. Compressed models keep it fast, and the 3D team got a private page to test each new tin against the live one.
A range that explains itself— Three growing-up stages and six special formulas, with an age slider and a stage finder. Special formulas always point back to a healthcare professional, because that is the responsible thing to design for in this category.
Designed for the phone too— Mobile isn't a shrunken desktop here. Cards become swipeable rails, the catalogue is built for one thumb, and the hero, stage finder and world map were each reworked for a small screen.
Bilingual from the foundations— English and French share one structure, with TypeScript flagging any missing translation. Every page has its own canonical and hreflang links, share image and structured data, and old addresses redirect permanently.
A little drop of happiness, everywhere— An interactive world map shows where Nutrimilk is sold, and the About page tells the story from pasture to tin: the Swiss roots the old site never got to explain.
04

The Result

A fully static, security-hardened site, live at nutrimilk.ch, covering 26 pages across two languages. The brand now feels on screen the way it does on the shelf: clear, warm and premium. I also made the showreel at the top of this page.

Brand strategy and identity by Ebtihel Bouajila. Hero and pasture photography on the site by kuhnmi and Caumasee, Wikimedia Commons, Creative Commons.

✦

Design DNA

Palette sampled from the project's own screens — tap a swatch to copy.

ClearWarmPremiumReassuring
ArimoDisplay & Body
Nutrimilk Premium – A Swiss Infant Formula Website
Nutrimilk Premium – A Swiss Infant Formula Website
Nutrimilk Premium – A Swiss Infant Formula Website
Nutrimilk Premium – A Swiss Infant Formula Website
Nutrimilk Premium – A Swiss Infant Formula Website
Nutrimilk Premium – A Swiss Infant Formula Website
Nutrimilk Premium – A Swiss Infant Formula Website

The Takeaway

Parentsdon'tneedmoreinformation.Theyneedmoreconfidence.

See what clients say about this work
Hamza's AI assistant
Built by Hamza · Powered by Groq
Hey! I'm Hamza's AI assistant — designed and built by him, right into this site. Ask me anything about his work, his journey, or what clients say. ✦