Logo Krème
Dermo-cosmetics, clean beauty

Krème

Design & development · Dermo-cosmetics, clean beauty

Brand site for Krème Laboratoire, dermo-cosmetic skincare formulated in Morocco and sold in pharmacies and drugstores: eight products showcased through bright product photography, a journey by skin concern and a dedicated space for professionals.

Visit site

Our approach

A signature blue, plenty of white and very bright product visuals: the Krème identity carries through the whole site for a clean, premium experience. The hero rotates through several campaigns (sun protection, radiance & dark spots...) alongside key figures, and the flagship product sits at the center of the page, surrounded by cards explaining its key active, texture, tolerance and use. Visitors can explore the range by product or by concern (dark spots, dehydration, excess sebum, redness...), while pharmacies get their own path to become resellers. Built with Next.js and optimized images: the careful staging never slows down loading.

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

In detail

Krème : The flagship product, explained point by point

The flagship product, explained point by point

The 72h Intensive Moisturizing Cream sits at the center of the page, surrounded by four cards linked to the tube: key active, texture, tolerance and use. Visitors understand the product at a glance, without opening its page.

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

Product pages worthy of a premium cosmetics shelf

Brightening Cleansing Gel for Dry Skin: a large studio shot, a one-line promise, checked benefits, then texture, skin type and size at a glance. The actions lead to a point of sale or to the reseller journey.

Tech stack

Next.jsFramer MotionTailwind CSS

Features

  • Distinctive brand palette (signature blue, bright product visuals)
  • Campaign carousel hero with key figures
  • Flagship product explained through callout cards (active, texture, tolerance, use)
  • Navigation by skin concern (6 dedicated pages)
  • Detailed product pages: benefits, texture, skin type, size
  • Professionals area and “Become a reseller” journey
  • Customer reviews page
  • Fast site (Next.js, optimized images)
Back to portfolio