Concevoir une boutique

Partez d'un système ou d'une recette, puis tournez les commandes. Chaque changement est un vrai réglage de thème.

Systèmes

Un système est un design complet et cohérent : typographie, couleur, espacement, rayons, boutons, traitement des images, mises en page et fonctions. EverStorefront en livre trois — Foundry, Ledger et Signal — et chaque projet part de l'un d'eux, ou d'un design enregistré dans votre bibliothèque.

Le Livre de patrons

Le Livre de patrons est la gamme indexée et cherchable : des recettes (un système ajusté à un secteur et une humeur), des palettes et des paires typographiques. Filtrez par secteur, humeur, système de base ; appliquez n'importe lequel à un projet en un clic ; enregistrez les vôtres dans la bibliothèque.

Le panneau

Ouvrez Design sur un projet. Les groupes à gauche, l'aperçu en direct à droite — accueil, collection, produit et panier, bureau ou mobile, et avant / après face à la boutique telle qu'elle est aujourd'hui.

• Typographie — familles de titres et de texte (47 familles vérifiées, récentes conservées), échelle, graisse et interlettrage des titres, interligne du texte.
• Couleur — palette, ou chaque rôle à la main : fond, surface, texte, atténué, accent, bordure.
• Forme — angles des contrôles, cartes, images et boutons, valeurs exactes.
• Boutons — taille, casse, style secondaire.
• Surfaces — style des cartes, ombre, épaisseur des bordures, force des séparateurs, espacement des sections.
• Mise en page — trois variantes chacune pour l'en-tête, la bannière, les fiches produit, la collection en vedette, la page produit et le pied de page.
• Fonctions — panier tiroir, recherche prédictive, filtres, ajout rapide, pastilles, ajout au panier fixe, sous-menus (déroulant ou méga menu).
• Page d'accueil — quelles sections apparaissent et dans quel ordre, y compris multicolonnes, témoignages, barre de logos et FAQ.

Chaque commande écrit un vrai réglage de thème ; le marchand peut donc changer les mêmes choses plus tard dans l'éditeur Shopify.

Comparer

Avant / après met la page d'accueil en ligne de la boutique à côté du nouveau design, sous un même curseur qui fait défiler les deux côtés ensemble. On le trouve sur la page de design, sur la page d'essai et sur les liens de validation.