Logo Krème
Beauty & cosmetics, clean beauty

Krème

Design & development · Beauty & cosmetics, clean beauty

Showcase and shop site for Krème, a Moroccan clean beauty brand inspired by Morocco's botanical richness: natural face care, formulated without parabens or silicones, showcased through a strong visual identity and professional product photography.

Site delivered to the client, currently awaiting relaunch

Our approach

The brand identity (a signature blue, punctuated with peach and orange accents in product visuals) carries through the whole site, for a cohesive, premium experience. Each section fades in on scroll, revealing products progressively rather than exposing all the content at once. Built with Next.js as a static site, light and fast, with automatically optimized images: the goal is that the carefully staged products are never held back by loading times.

Krème, desktop preview
Krème, mobile preview

In detail

Krème : Products reveal themselves on scroll

Products reveal themselves on scroll

Rather than showing the entire catalog instantly, each product card fades in as the visitor scrolls down the page, a subtle effect that gives the discovery a sense of pace without ever slowing navigation down.

Krème : Product pages worthy of a premium cosmetics shelf

Product pages worthy of a premium cosmetics shelf

Large-format studio photography, clearly listed benefits, key ingredients highlighted (stabilized vitamin C, kojic acid, niacinamide...), a presentation built to reassure and inform, not just sell.

Tech stack

Next.jsFramer MotionTailwind CSS

Features

  • Distinctive brand palette (signature blue + peach/orange accents)
  • Fade-in scroll animations for progressive discovery
  • Professional product photography staging
  • Detailed product pages: benefits, key ingredients, customer reviews
  • Before/after sections to illustrate results
  • Ultra-fast static site (Next.js, optimized images)
Back to portfolio