Aperçu du projet
Pour Chroma Dewy, nous avons organisé le site Shopyy autour des looks de maquillage et des produits colorés. Gros plans des yeux et textes de collection composent la bannière ; palettes et catégories conduisent ensuite aux produits. Identité orange, fond clair et images saturées relient découverte, comparaison et fiches individuelles.
| Services | Secteur | Plate-forme |
| Conception et développement de sites Shopyy | Beauté et soins personnels | Shopyy |
| Besoins du projet | Marché cible | Style de design |
| Looks de maquillage et présentation des couleurs | Boutique en anglais avec prix en dollars américains | Identité orange, fond clair et images de maquillage saturées |
| Devis du projet | Livrables | Délai |
| CNY 4,500 | Accueil, structure des catégories, fiches produits et mise en page adaptative | 7 jours |
Défi de conception
Un site de maquillage doit montrer le résultat et faciliter la comparaison des couleurs et outils. Les gros plans présentent le thème ; des grilles régulières montrent palettes, pinceaux et emballages, sans concurrence entre ces informations.
Stratégie : looks et produits colorés
Les gros plans des yeux et le texte composent la bannière ; palettes et images de catégories mènent au catalogue. L’accueil oriente, les catégories comparent et les fiches expliquent apparence et caractéristiques. Navigation et liens relient les niveaux.
Josefin Sans organise titres, navigation et texte par taille, graisse et largeur. Orange, fond clair et images saturées se prolongent sur les pages principales. Les groupes restent compacts, avec davantage d’espace entre sections pour distinguer images, explications et actions.
Animation et fonctions au service du choix
La bannière garde ses flèches gauche et droite ; les images de catégories ouvrent les catalogues. Quantité, images et descriptions groupées restent centrées sur le produit. Sur mobile, un menu clair regroupe la navigation tout en préservant le parcours.
Bannière : le maquillage des yeux au premier plan
Deux gros plans occupent la droite de la bannière, le texte thématique la gauche ; le logo orange Chroma Dewy apparaît dans un en-tête sobre. Les vues rapprochées montrent couleur et texture ; les flèches donnent accès à d’autres collections.
La légèreté de Josefin Sans relie navigation et produits. Le fond clair laisse respirer les looks saturés. Image et texte ont leur zone, sans imposer toute la description produit au premier écran.
Nouveautés : comparer les couleurs dans une grille
New Arrivals présente plusieurs colonnes de palettes, comparables sur fond clair. Noms et prix restent courts ; viennent ensuite les images de catégories Brushes, Eyes et Lips.
Palettes de même taille et cartes régulières créent l’ordre, avec des espacements égaux entre catégories. L’orange identifie ponctuellement la marque ; les produits apportent l’essentiel des couleurs.
Pinceaux : montrer formes et composition des sets
Sous Makeup Brushes, pinceaux individuels et ensembles partagent une grille. Les images montrent d’abord têtes, manches et nombre de pièces ; noms et prix suivent.
Fond blanc et cartes plus espacées réduisent l’encombrement. Navigation fine et titre centré gardent une présentation légère. Les outils du catalogue ont leur place sans interrompre la comparaison.
Fiche produit : l’emballage présente l’univers
The Volturi place sa photo d’emballage rouge et noir à gauche, puis nom, prix, quantité et description brève à droite. L’image établit les caractéristiques visuelles avant les précisions textuelles.
Le rouge se détache du fond clair. Contours fins et espacement compact structurent les commandes. L’espace entre image et texte garde ce thème sombre lisible dans l’interface légère.
Détails complémentaires : séparer informations et suggestions
Plus bas restent miniatures, avis et You May Also Like. Les espacements relient les sections tout en distinguant les détails du produit et les possibilités de poursuivre les achats.
Les recommandations partagent une largeur de colonne. Portraits, emballages et outils continuent sur fond clair. Sous-titres et espaces verticaux séparent les groupes pour poursuivre vers les produits intéressants.
Accueil mobile : menu compact, collection et nouveautés
Sur mobile, la navigation horizontale devient un accès rouge MENU, avec logo et recherche empilés au-dessus. La bannière précède New Arrivals, conservant l’ordre du look vers les produits.
Les images gagnent de la place sur écran étroit ; titres et prix s’alignent verticalement. Le menu rouge se distingue de la zone claire et permet de revenir aux catégories pendant l’exploration.
Fiche mobile : images et explications dans l’ordre
La fiche mobile commence par le fil d’Ariane et une grande image de l’emballage, puis nom, prix et quantité. Le thème reste entier tandis que les colonnes deviennent une lecture continue.
Titres alignés à gauche et retours naturels s’adaptent à l’écran ; prix et commandes sont espacés. Fond clair, contours fins et couleurs de marque relient la fiche aux autres pages.
Bilan : relier la collection aux informations pratiques
Chez Chroma Dewy, looks et couleurs guident identité orange, fonds clairs et images saturées sur accueil, catégories et fiches. L’image exprime le thème, le texte précise et catalogue et options accompagnent la suite. Le mobile garde cet ordre pour une expérience cohérente.
Concevez un site Shopyy clair pour votre marque
Présentez votre site actuel, vos éléments de marque et les pages nécessaires. Nous étudierons produits, marché et priorités éditoriales pour définir ensemble pages, visuels et fonctions adaptés.
