Progettare un negozio

Parti da un sistema o da una ricetta, poi gira i controlli. Ogni modifica è una vera impostazione del tema.

Sistemi

Un sistema è un design completo e coerente: tipografia, colore, spaziatura, raggi, pulsanti, trattamento delle immagini, layout e funzioni. EverStorefront ne fornisce tre — Foundry, Ledger e Signal — e ogni progetto parte da uno di essi, o da un design salvato nella tua libreria.

Il Libro dei pattern

Il Libro dei pattern è la gamma indicizzata e ricercabile: ricette (un sistema adattato a un settore e a un umore), palette e coppie tipografiche. Filtra per settore, umore, sistema di base; applica qualsiasi elemento a un progetto con un clic; salva i tuoi nella libreria.

Il pannello

Apri Design in un progetto. I gruppi a sinistra, l'anteprima dal vivo a destra — home, collezione, prodotto e carrello, desktop o mobile, e prima / dopo rispetto al negozio com'è oggi.

• Tipografia — famiglie per titoli e testo (47 famiglie verificate, recenti a portata di mano), scala, peso e spaziatura dei titoli, interlinea del testo.
• Colore — palette, o ogni ruolo a mano: sfondo, superficie, testo, attenuato, accento, bordo.
• Forma — angoli per controlli, schede, immagini e pulsanti, con valori esatti.
• Pulsanti — dimensione, maiuscole, stile secondario.
• Superfici — stile delle schede, ombra, spessore dei bordi, forza dei divisori, spazio tra sezioni.
• Layout — tre varianti ciascuna per intestazione, hero, schede prodotto, collezione in evidenza, pagina prodotto e piè di pagina.
• Funzioni — carrello laterale, ricerca predittiva, filtri, aggiunta rapida, campioni colore, aggiungi al carrello fisso, sottomenu (a discesa o mega menu).
• Home page — quali sezioni compaiono e in che ordine, incluse multicolonna, testimonianze, barra dei loghi e FAQ.

Ogni controllo scrive una vera impostazione del tema, così il commerciante può cambiare le stesse cose più tardi nell'editor di Shopify.

Confrontare

Prima / dopo mette la home page live del negozio accanto al nuovo design, sotto un unico divisore trascinabile che scorre entrambi i lati insieme. Si trova nella pagina di design, nella pagina di prova e nei link di revisione.