Aperçu du projet
Pour Lash & Wigs, nous avons relié les looks coiffure et maquillage aux détails des produits sur Shopyy. Un collage de mannequins présente la catégorie, puis mèches, cils et photos portées rejoignent une même présentation. Bannières de mannequins, grilles blanches et pied noir relient collections, comparaisons et fiches.
| Services | Secteur | Plate-forme |
| Conception et développement de sites Shopyy | Beauté et soins personnels | Shopyy |
| Besoins du projet | Marché cible | Style de design |
| Relier les looks coiffure et maquillage aux détails produits | Boutique en anglais avec prix en dollars américains | Collages de mannequins, grilles blanches et pied de page noir |
| Devis du projet | Livrables | Délai |
| CNY 6,800 | Accueil, structure des catégories, fiches produits, mise en page adaptative, pages de marque et de contact | 15 jours |
Défi de conception
Perruques et cils doivent montrer l’effet d’ensemble et leur forme précise. Les mannequins établissent le style ; des photos claires expliquent boucles, longueurs et emballages, avec un rôle propre pour chaque image.
Stratégie : relier le look aux détails
Le collage présente la catégorie ; mèches, cils et photos portées partagent ensuite la présentation. L’accueil oriente, les catégories comparent et les fiches précisent aspect et options. Navigation et liens réunissent ces niveaux.
Poppins est la police principale ; Helvetica sert à certaines explications. Taille, graisse et largeur hiérarchisent titres, navigation et texte. Collages, grilles blanches et pied noir traversent les pages, avec des groupes compacts et davantage d’espace entre sections pour images, explications et actions.
Animation et fonctions au service du choix
Les fiches utilisent miniatures de différents angles et choix de longueur. Le mobile garde compteur d’images et navigation repliée. Les interactions aident à voir le produit et choisir la longueur ; sections et défilement donnent le rythme principal.
Accueil : du look aux produits
Plusieurs mannequins composent une bannière horizontale portant LASH & WIGS au centre. Top Sellers suit directement, avec mèches bouclées, cils et photos portées.
Du texte blanc se superpose aux mannequins, sous un en-tête simple. L’image pose le style, puis la liste blanche présente les produits : du look au choix concret.
Meilleures ventes : une place pour chaque format
Mèches, coffrets de cils et photos portées sont présentés côte à côte dans des cartes de même largeur. Noms et prix sous les images permettent de vérifier le produit après sa forme.
La liste reste blanche, avec des espaces réguliers entre cartes. Les boucles foncées se détachent du fond clair et les emballages colorés des cils restent identifiables dans la même grille.
Cils : des formats réguliers pour comparer
La catégorie réunit effets portés, coffrets et cils individuels dans une grille ordonnée. Titre et outils du catalogue définissent d’abord le périmètre, puis permettent la comparaison.
Noms et prix courts suivent les images, avec des groupes compacts et plus d’espace entre rangées. Texte noir et blanc et fond clair mettent en avant contours et couleurs des emballages.
Mèches : rapprocher boucles et choix de longueur
La grande photo des mèches très bouclées est à gauche ; nom, prix, longueurs et commandes à droite. La silhouette occupe l’essentiel de l’image et les boutons de longueur restent groupés.
Un grand titre sans empattement et des contours clairs différencient les longueurs. L’accès jaune au paiement crée un accent en bas, tout en gardant images et caractéristiques dans leurs zones.
Détails : expliquer boucles et utilisation
Plus bas, grande photo et miniatures multiangles restent présentes ; la colonne droite donne de courtes descriptions. Images et texte poursuivent les deux colonnes avant la zone d’avis.
Les miniatures ont des espacements fixes ; sous-titres et blancs regroupent les explications. Les mèches sombres restent nettes sur blanc, permettant de passer de la forme générale aux détails.
Page de marque : le contexte commercial en bref
About Us présente l’activité d’ExcitingFashion en quelques paragraphes. L’en-tête produit reste, puis un pied noir de communauté et de navigation ferme la page et délimite le contenu.
Texte léger et grands espaces entre paragraphes gardent le corps blanc sobre. La page ajoute du contexte sans répéter les photos produits et clarifie le rôle des différentes pages.
Contact : rassembler les canaux
Sous le titre, consignes, WhatsApp et e-mail sont réunis dans une structure textuelle simple. Les canaux sont proches pour choisir son moyen de contact après lecture.
Le corps blanc se distingue du pied noir. Alignement à gauche et interlignage clair facilitent la recherche rapide d’informations, avec un rythme plus léger que les produits.
Accueil mobile : conserver la bannière et l’ordre des produits
Le mobile commence par le collage, puis Top Sellers et de grandes photos. Le thème de l’ordinateur reste pour présenter coiffure et maquillage même sur écran étroit.
La navigation devient des icônes et les photos utilisent davantage la largeur. Les espaces verticaux entre bannière, titre et produits donnent à chaque groupe sa zone de lecture.
Fiche mobile : montrer d’abord la texture des mèches
La fiche mobile commence par la grande image et son numéro, suivis du nom, du prix et de la longueur. Boucles et fibres occupent assez d’espace pour confirmer d’abord la forme.
Le texte s’adapte à l’écran, avec un espace clair entre titre et prix. Les colonnes deviennent verticales et préservent le parcours de l’image aux caractéristiques.
Bilan : relier la collection aux informations pratiques
Chez Lash & Wigs, le lien entre look et détails guide collages, grilles blanches et pied noir 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 visuelle et de navigation 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.
