Krème
Conception & développement · Dermo-cosmétique, clean beauty
Site de marque pour Krème Laboratoire, soins dermo-cosmétiques formulés au Maroc et distribués en pharmacie et parapharmacie : huit soins mis en valeur par une photographie produit lumineuse, un parcours par préoccupation de peau et un espace dédié aux professionnels.
Visiter le siteNotre approche
Un bleu signature, beaucoup de blanc et des visuels produit très lumineux : l'identité Krème est déclinée sur tout le site pour une expérience nette et premium. Le hero fait défiler plusieurs campagnes (protection solaire, éclat & anti-taches...) accompagnées de chiffres clés, et le produit phare est présenté au centre de la page, entouré de cartes qui expliquent son actif, sa texture, sa tolérance et son usage. On peut explorer la gamme par produit ou par préoccupation (taches pigmentaires, déshydratation, excès de sébum, rougeurs...), tandis que les pharmacies ont leur propre parcours pour devenir revendeur. Construit avec Next.js et des images optimisées : la mise en scène soignée ne ralentit jamais le chargement.
En détail
Le produit phare, expliqué point par point
La Crème Hydratante Intensive 72h est placée au centre de la page, entourée de quatre cartes reliées au tube : actif clé, texture, tolérance et usage. Le visiteur comprend le produit en un regard, sans avoir à ouvrir sa fiche.
Des fiches produit dignes d'un rayon cosmétique premium
Gel Nettoyant Éclaircissant Peau Sèche : grand visuel studio, promesse en une ligne, bienfaits cochés, puis texture, type de peau et contenance d'un coup d'œil. Les actions mènent vers un point de vente ou vers le parcours revendeur.
Stack technique
Fonctionnalités
- Palette de marque distinctive (bleu signature, visuels produit lumineux)
- Hero en carrousel de campagnes avec chiffres clés
- Produit phare expliqué par des cartes (actif, texture, tolérance, usage)
- Navigation par préoccupation de peau (6 pages dédiées)
- Fiches produit détaillées : bienfaits, texture, type de peau, contenance
- Espace professionnels et parcours « Devenir revendeur »
- Page d'avis clients
- Site rapide (Next.js, images optimisées)