{"id":16155,"date":"2026-10-18T21:53:47","date_gmt":"2026-10-18T13:53:47","guid":{"rendered":"https:\/\/www.airsang.com\/?p=16155"},"modified":"2026-10-18T21:53:47","modified_gmt":"2026-10-18T13:53:47","slug":"shopyy-beauty-website-design-chroma-dewy","status":"publish","type":"post","link":"https:\/\/www.airsang.com\/fr\/shopyy-beauty-website-design-chroma-dewy\/","title":{"rendered":"Site beaut\u00e9 Shopyy : Chroma Dewy, maquillage et couleurs"},"content":{"rendered":"

Aper\u00e7u du projet<\/h2>

Pour Chroma Dewy, nous avons organis\u00e9 le site Shopyy autour des looks de maquillage et des produits color\u00e9s. Gros plans des yeux et textes de collection composent la banni\u00e8re ; palettes et cat\u00e9gories conduisent ensuite aux produits. Identit\u00e9 orange, fond clair et images satur\u00e9es relient d\u00e9couverte, comparaison et fiches individuelles.<\/p>

Services<\/strong><\/td>Secteur<\/strong><\/td>Plate-forme<\/strong><\/td><\/tr>
Conception et d\u00e9veloppement de sites Shopyy<\/td>Beaut\u00e9 et soins personnels<\/td>Shopyy<\/td><\/tr>
Besoins du projet<\/strong><\/td>March\u00e9 cible<\/strong><\/td>Style de design<\/strong><\/td><\/tr>
Looks de maquillage et pr\u00e9sentation des couleurs<\/td>Boutique en anglais avec prix en dollars am\u00e9ricains<\/td>Identit\u00e9 orange, fond clair et images de maquillage satur\u00e9es<\/td><\/tr>
Devis du projet<\/strong><\/td>Livrables<\/strong><\/td>D\u00e9lai<\/strong><\/td><\/tr>
CNY 4,500<\/td>Accueil, structure des cat\u00e9gories, fiches produits et mise en page adaptative<\/td>7 jours<\/td><\/tr><\/tbody><\/table><\/figure>
Voir le site du client<\/a><\/div><\/div>

D\u00e9fi de conception<\/h2>

Un site de maquillage doit montrer le r\u00e9sultat et faciliter la comparaison des couleurs et outils. Les gros plans pr\u00e9sentent le th\u00e8me ; des grilles r\u00e9guli\u00e8res montrent palettes, pinceaux et emballages, sans concurrence entre ces informations.<\/p>

Strat\u00e9gie : looks et produits color\u00e9s<\/h2>

Les gros plans des yeux et le texte composent la banni\u00e8re ; palettes et images de cat\u00e9gories m\u00e8nent au catalogue. L\u2019accueil oriente, les cat\u00e9gories comparent et les fiches expliquent apparence et caract\u00e9ristiques. Navigation et liens relient les niveaux.<\/p>

Josefin Sans organise titres, navigation et texte par taille, graisse et largeur. Orange, fond clair et images satur\u00e9es se prolongent sur les pages principales. Les groupes restent compacts, avec davantage d\u2019espace entre sections pour distinguer images, explications et actions.<\/p>

Animation et fonctions au service du choix<\/h3>

La banni\u00e8re garde ses fl\u00e8ches gauche et droite ; les images de cat\u00e9gories ouvrent les catalogues. Quantit\u00e9, images et descriptions group\u00e9es restent centr\u00e9es sur le produit. Sur mobile, un menu clair regroupe la navigation tout en pr\u00e9servant le parcours.<\/p>

Banni\u00e8re : le maquillage des yeux au premier plan<\/h2>
\"Chroma<\/figure>

Deux gros plans occupent la droite de la banni\u00e8re, le texte th\u00e9matique la gauche ; le logo orange Chroma Dewy appara\u00eet dans un en-t\u00eate sobre. Les vues rapproch\u00e9es montrent couleur et texture ; les fl\u00e8ches donnent acc\u00e8s \u00e0 d\u2019autres collections.<\/p>

La l\u00e9g\u00e8ret\u00e9 de Josefin Sans relie navigation et produits. Le fond clair laisse respirer les looks satur\u00e9s. Image et texte ont leur zone, sans imposer toute la description produit au premier \u00e9cran.<\/p>

Nouveaut\u00e9s : comparer les couleurs dans une grille<\/h2>
\"Chroma<\/figure>

New Arrivals pr\u00e9sente plusieurs colonnes de palettes, comparables sur fond clair. Noms et prix restent courts ; viennent ensuite les images de cat\u00e9gories Brushes, Eyes et Lips.<\/p>

Palettes de m\u00eame taille et cartes r\u00e9guli\u00e8res cr\u00e9ent l\u2019ordre, avec des espacements \u00e9gaux entre cat\u00e9gories. L\u2019orange identifie ponctuellement la marque ; les produits apportent l\u2019essentiel des couleurs.<\/p>

Pinceaux : montrer formes et composition des sets<\/h2>
\"Chroma<\/figure>

Sous Makeup Brushes, pinceaux individuels et ensembles partagent une grille. Les images montrent d\u2019abord t\u00eates, manches et nombre de pi\u00e8ces ; noms et prix suivent.<\/p>

Fond blanc et cartes plus espac\u00e9es r\u00e9duisent l\u2019encombrement. Navigation fine et titre centr\u00e9 gardent une pr\u00e9sentation l\u00e9g\u00e8re. Les outils du catalogue ont leur place sans interrompre la comparaison.<\/p>

Fiche produit : l\u2019emballage pr\u00e9sente l\u2019univers<\/h2>
\"Chroma<\/figure>

The Volturi place sa photo d\u2019emballage rouge et noir \u00e0 gauche, puis nom, prix, quantit\u00e9 et description br\u00e8ve \u00e0 droite. L\u2019image \u00e9tablit les caract\u00e9ristiques visuelles avant les pr\u00e9cisions textuelles.<\/p>

Le rouge se d\u00e9tache du fond clair. Contours fins et espacement compact structurent les commandes. L\u2019espace entre image et texte garde ce th\u00e8me sombre lisible dans l\u2019interface l\u00e9g\u00e8re.<\/p>

D\u00e9tails compl\u00e9mentaires : s\u00e9parer informations et suggestions<\/h2>
\"Chroma<\/figure>

Plus bas restent miniatures, avis et You May Also Like. Les espacements relient les sections tout en distinguant les d\u00e9tails du produit et les possibilit\u00e9s de poursuivre les achats.<\/p>

Les recommandations partagent une largeur de colonne. Portraits, emballages et outils continuent sur fond clair. Sous-titres et espaces verticaux s\u00e9parent les groupes pour poursuivre vers les produits int\u00e9ressants.<\/p>

Accueil mobile : menu compact, collection et nouveaut\u00e9s<\/h2>
\"Chroma<\/figure>

Sur mobile, la navigation horizontale devient un acc\u00e8s rouge MENU, avec logo et recherche empil\u00e9s au-dessus. La banni\u00e8re pr\u00e9c\u00e8de New Arrivals, conservant l\u2019ordre du look vers les produits.<\/p>

Les images gagnent de la place sur \u00e9cran \u00e9troit ; titres et prix s\u2019alignent verticalement. Le menu rouge se distingue de la zone claire et permet de revenir aux cat\u00e9gories pendant l\u2019exploration.<\/p>

Fiche mobile : images et explications dans l\u2019ordre<\/h2>
\"Chroma<\/figure>

La fiche mobile commence par le fil d\u2019Ariane et une grande image de l\u2019emballage, puis nom, prix et quantit\u00e9. Le th\u00e8me reste entier tandis que les colonnes deviennent une lecture continue.<\/p>

Titres align\u00e9s \u00e0 gauche et retours naturels s\u2019adaptent \u00e0 l\u2019\u00e9cran ; prix et commandes sont espac\u00e9s. Fond clair, contours fins et couleurs de marque relient la fiche aux autres pages.<\/p>

Bilan : relier la collection aux informations pratiques<\/h2>

Chez Chroma Dewy, looks et couleurs guident identit\u00e9 orange, fonds clairs et images satur\u00e9es sur accueil, cat\u00e9gories et fiches. L\u2019image exprime le th\u00e8me, le texte pr\u00e9cise et catalogue et options accompagnent la suite. Le mobile garde cet ordre pour une exp\u00e9rience coh\u00e9rente.<\/p>

Concevez un site Shopyy clair pour votre marque<\/h2>

Pr\u00e9sentez votre site actuel, vos \u00e9l\u00e9ments de marque et les pages n\u00e9cessaires. Nous \u00e9tudierons produits, march\u00e9 et priorit\u00e9s \u00e9ditoriales pour d\u00e9finir ensemble pages, visuels et fonctions adapt\u00e9s.<\/p>

R\u00e9server un rendez-vous Shopyy<\/a><\/div>
D\u00e9couvrir nos services de cr\u00e9ation web<\/a><\/div><\/div>