Logo Krème
Beauté & cosmétique, clean beauty

Krème

Conception & développement · Beauté & cosmétique, clean beauty

Site vitrine et boutique pour Krème, marque marocaine de clean beauty inspirée par la richesse botanique du Maroc : soins visage naturels, formulés sans parabènes ni silicones, mis en valeur par une identité visuelle forte et une photographie produit professionnelle.

Site livré au client, actuellement en attente de remise en ligne

Notre approche

L'identité de marque (un bleu signature, ponctué d'accents pêche et orange dans les visuels produit) se retrouve sur tout le site, pour une expérience cohérente et premium. Chaque section apparaît en fondu au scroll, révélant les produits progressivement plutôt que d'exposer tout le contenu d'un coup. Construit avec Next.js pour un site statique, léger et rapide, avec des images optimisées automatiquement : l'objectif est que la mise en scène soignée des produits ne soit jamais ralentie par des temps de chargement.

Krème, aperçu desktop
Krème, aperçu mobile

En détail

Krème : Les produits se révèlent au scroll

Les produits se révèlent au scroll

Plutôt que d'afficher tout le catalogue instantanément, chaque carte produit apparaît en fondu à mesure que le visiteur avance dans la page, un effet subtil qui donne du rythme à la découverte sans jamais ralentir la navigation.

Krème : Des fiches produit dignes d'un rayon cosmétique premium

Des fiches produit dignes d'un rayon cosmétique premium

Photo studio en grand format, bienfaits listés clairement, ingrédients clés mis en avant (vitamine C stabilisée, acide kojique, niacinamide...), une présentation pensée pour rassurer et informer, pas seulement vendre.

Stack technique

Next.jsFramer MotionTailwind CSS

Fonctionnalités

  • Palette de marque distinctive (bleu signature + accents pêche/orange)
  • Animations de fondu (fade-in) au scroll pour une découverte progressive
  • Mise en scène photographique professionnelle des produits
  • Fiches produit détaillées : bienfaits, ingrédients clés, avis clients
  • Sections avant/après pour illustrer les résultats
  • Site statique ultra-rapide (Next.js, images optimisées)
Retour au portfolio