Site Shopyy de maillots : MMJerseys, ligues et sélection des modèles

Aperçu du projet

Pour MMJerseys, nous avons organisé le site Shopyy autour des ligues et du choix des maillots. Navigation par ligue, accès au catalogue et nouveautés occupent des niveaux distincts pour ceux qui cherchent une équipe comme pour ceux qui explorent les modèles. Grilles blanches, accents rouges et texte noir relient collections, comparaisons et produits.

Défi de conception

Ligue, équipe, saison et modèle influencent simultanément le choix. Nous avons clarifié la hiérarchie du catalogue avant de confier aux photos et options les décisions détaillées, sans entasser catégories et descriptions au même niveau.

Stratégie : catalogues par ligue et choix des maillots

Navigation par ligue, accès au catalogue et nouveautés ont des niveaux distincts pour chercher une équipe ou explorer un modèle. L’accueil oriente, les catégories comparent et les fiches expliquent apparence et options. Navigation et liens relient ces niveaux.

Arial et Helvetica structurent titres, navigation et texte ; une police condensée souligne le bandeau promotionnel supérieur. Taille, graisse et largeur des paragraphes créent la hiérarchie. Grilles blanches, rouge et noir se prolongent sur les pages principales, avec des groupes compacts et plus d’espace entre sections.

Animation et fonctions au service du choix

Des menus s’ouvrent au survol ; les produits conservent onglets et miniatures de modèles. Les fiches poursuivent avec tailles, numéros et options supplémentaires. États sélectionnés lisibles et espacements relient exploration et choix sans animation détournant l’attention des maillots.

Produits d’accueil : comparer l’apparence avant les noms

New Arrivals et World Cup 2026 figurent au-dessus de la grille, ici consacrée aux nouveautés. Chaque carte montre l’avant du maillot, puis nom, prix et complément. Des échelles d’image proches facilitent la comparaison des couleurs et motifs.

Fond blanc et texte noir fin laissent les couleurs des équipes s’exprimer. Un espace sépare onglets et produits ; les cartes restent compactes. Le lecteur parcourt une rangée avant de s’arrêter sur un nom.

Catalogue des ligues : les équipes précisent le choix

Dans Premier League, les noms d’équipes servent de liens au-dessus de la grille. Titre, sous-catégories, Refine et Sort By occupent chacun un niveau, gardant un ordre clair malgré la richesse du catalogue.

Le rouge signale navigation et nouveautés ; les produits restent sur fond clair. Grandes photos et cartes uniformes facilitent les comparaisons. Les caractéristiques détaillées restent dans les fiches pour ne pas surcharger les listes.

Fiche produit : photographie et choix côte à côte

La grande photo est à gauche ; nom, prix, promotion et liens Similar Style sont à droite. Le maillot rayé bleu et rouge domine, avec des miniatures offrant d’autres angles.

Courts paragraphes et espaces structurent la colonne droite ; un bandeau jaune souligne la promotion. Images et textes ont des largeurs définies pour vérifier l’apparence tout en poursuivant la sélection.

Options : regrouper modèles et personnalisation

La photo et ses miniatures restent à gauche. À droite, des vignettes denses mais alignées présentent les modèles associés, puis tailles et personnalisation. Les décisions se succèdent plutôt que de former une longue liste déroulante.

Les petites images sont régulièrement espacées ; contours clairs et blanc regroupent les options textuelles. La grille ordonne de nombreux modèles. Taille et numéro restent près des informations produit, limitant les allers-retours.

Page de marque : présenter l’activité en paragraphes courts

Un titre centré et quelques paragraphes présentent l’activité en gardant l’en-tête et le pied de boutique. Cette page apporte du contexte ; la navigation permet ensuite de revenir au catalogue.

Police sans empattement lisible, interlignage généreux et pauses entre paragraphes facilitent la lecture. Le noir sur blanc continue sans multiplier les bannières, créant un rythme différent des pages de sélection.

Contact : donner une place claire à la messagerie

Les informations de contact sont en haut ; un visuel circulaire bleu de message souligne l’étape suivante. E-mail, consignes et accès sont espacés pour comprendre les canaux avant de choisir comment communiquer.

La zone blanche reste simple ; l’accès bleu se distingue de la navigation rouge supérieure. Cette page oriente le contact, tandis que catalogue et prix gardent leurs propres pages.

Accueil mobile : bannières et produits sur deux colonnes

Sur écran étroit, le bandeau promotionnel, la bannière de maillots et les nouveautés restent présents. La grille s’adapte au mobile. La bannière pose le thème, suivie immédiatement des modèles.

Titres et noms passent à la ligne selon la largeur des cartes ; les images restent assez grandes. Les espaces verticaux séparent bannière, onglets et produits tout en gardant le même ordre.

Fiche mobile : la grande image présente le modèle

Le mobile commence par la photo et les miniatures, puis nom, prix et promotion. Les colonnes deviennent une lecture verticale avec assez de largeur pour chaque groupe.

Le maillot garde une grande présence ; texte aligné à gauche et espacements contrôlés ordonnent les informations. Modèles et caractéristiques se poursuivent, reliant images, noms et choix.

Bilan : relier la collection aux informations pratiques

Pour MMJerseys, ligues et choix des maillots guident grilles blanches, accents rouges et texte noir entre accueil, catégories et fiches. L’image exprime le thème, le texte précise et catalogue et options permettent d’avancer. Le mobile conserve cette séquence 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.