LUPA, c'est la louve. L'identité web porte cette dualité : un caractère affirmé (violet profond, typo bold, animations) et une douceur maternelle (crème, arrondis, espace). Jamais de bruit — chaque élément a sa raison d'être.
Le violet est saturé et assumé. La typographie display est grasse. La marque ne chuchote pas — elle s'affirme avec élégance.
Les fonds crème/beige apaisent. Ils réchauffent l'atmosphère et contrastent avec l'intensité du violet. Le blanc pur n'est jamais utilisé comme fond de page.
Plus d'espace entre les sections que la concurrence. Pas de surcharge, pas de multi-CTA, pas de promotions criantes. Un seul message à la fois.
Des animations de chargement et transitions fluides qui donnent vie à la page sans distraire. Inspiré des sites premium, pas des marketplaces.
Deux familles — violet & crème — complétées par un accent ambre pour les moments de chaleur. Le noir lie le tout avec autorité.
Header, footer, sections impact
Sections produit, storytelling
CTA, bannières highlight
Accroche ponctuelle, offre spéciale
Playfair Display en bold pour le caractère affirmé, DM Sans pour la lisibilité douce. Le contraste serif/sans crée un rythme élégant.
Les fonds ne sont jamais plats. Un subtil dégradé, un halo violet, une texture organique — chaque section a sa propre profondeur.
Radial gradients violets subtils sur fond noir. Dégradés crème vers beige en sections claires. Légère texture grain sur les photos.
Aplats de violet pur en grande surface. Fond blanc pur (#FFF) comme fond de page. Textures trop visibles qui parasitent le contenu.
Pill shape, transitions douces, un seul CTA primaire par écran. Le bouton crème vient adoucir les sections chaudes.
Un seul CTA violet par section. Bouton crème ou outline pour les actions secondaires. Transition cubic-bezier au hover. Minimum 44px de zone tactile.
Deux CTA colorés côte à côte. Boutons carrés (toujours pill). Couleurs de bouton hors palette. Animations bounce ou shake.
Bordures beige fines, coins arrondis 16px pour les cartes, fond blanc uniquement sur les surfaces élevées.
Silicone souple, s'adapte à votre morphologie.
Des transitions fluides et organiques. Pas de bounce. Hover interactif pour les cartes, révélations au scroll pour les sections.
translateY(-8px)
0.4s cubic-bezier
Color + scale
0.5s ease
opacity + translate
0.35s ease
Page load : staggered fade-in des éléments (animation-delay). Scroll reveal progressif. Cursor custom sur les CTA. Transitions hover : 0.3–0.5s max.
Bounce, shake, elastic. Durées > 0.6s. Animations sur chaque élément (réserver aux moments clés). Parallax excessif.
Photos de mode/beauté épurées, tons chauds crème/nude, cadrage intimiste. Le produit est sublimé, jamais noyé dans le décor.
Lumière naturelle diffuse, tons crème/nude. Jamais de flash. L'ambiance est calme et confidentielle.
Zoom poitrine, détails matière, mains. Inspiré du moodboard : photos éditorials, pas de stockphoto clinique.
Fond crème ou beige uni. Jamais blanc froid. Peu d'éléments — le produit et la peau dominent le cadre.
Retouche couleur vers tons chauds/violetés. Souci du détail matière (zoom silicone). Grain léger pour authenticité. Fonds en continuité avec la palette crème du site.
Photos cliniques/médicales. Fond blanc hospitalier. Filtres saturés. Texte sur photo sans overlay semi-transparent. Images qui ressemblent à Lansinoh.
L'espace est la signature LUPA. Plus de vide que la concurrence — c'est ce qui différencie un site premium d'un marketplace.
Le site alterne entre trois modes pour créer un rythme de lecture. Chaque mode a ses propres règles de couleur texte et d'accent.
Recevez les annonces de nouveaux produits, des conseils et des offres exclusives.
Mais avant tout, c'est une maman qui s'est battue pour son allaitement. Elle a connu les crevasses, le frein de langue, les courbes qui dégringolent.
Un produit, une promesse. La page produit est un espace de confiance — pas un marché aux puces.
Inspiré de l'audit du moodboard : tout ce qu'on veut éviter pour se différencier des concurrents comme Lansinoh et les marketplaces allaitement.
Pas de modal à l'entrée. Pas de pop-up newsletter avant 30s. Pas de chatbot qui s'ouvre seul. La confiance se gagne, elle ne s'impose pas.
Pas de ★★★★★ (2,787) en jaune/orange. Les avis sont intégrés sobrement, avec la palette de la marque, jamais en widgets tiers.
Pas de "̶9̶0̶€̶ 45€" barré en rouge. Pas de badges "Tu économises 50%" en fluo. Le prix est juste et affiché clairement, sans manipulation.
Pas de 4 produits + 4 badges + 4 boutons CTA sur un même écran. Une section = un message. Le scroll fait le reste.
Pas de fond blanc hospitalier, pas de photos type catalogue médical. LUPA est un objet de soin — pas un dispositif médical froid.
Le packaging LUPA ne doit pas ressembler aux concurrents (cf. note Holi). Identité propre, pas d'imitation — même involontaire.