Zielony Składzik — sito web

Zielony Składzik è una bottega bio a conduzione familiare di Gostyń che dal 2019 vende specialità dagli ingredienti semplici, cosmetici naturali, detersivi e accessori zero waste. La titolare voleva un negozio online caldo e vicino alle persone quanto quello fisico — e in cui si potesse comprare come al banco: a peso.

Logo e colori ce li ha forniti il cliente. Il resto l'abbiamo fatto noi: progetto grafico e UX/UI del negozio per computer e telefono, illustrazioni disegnate a mano, struttura del catalogo, funzioni di acquisto e realizzazione.

I colori del marchio — verde intenso, salvia, rosa cipria e prugna — ordinano la home page: bestseller, promozioni, la storia del negozio e le confezioni regalo. Le illustrazioni lineari di verdure, erbe e conserve ritornano in ogni sezione e danno al negozio un carattere unico e riconoscibile.

La categoria Promozioni mostra da sola solo i prodotti davvero scontati, e sulla foto di ciascuno compare un badge con lo sconto. L'elenco non è mai scaduto e non va aggiornato a mano.

Frutta secca, cereali, spezie o noci si comprano a peso. Il prezzo è indicato per porzione, ad esempio 4,90 zł / 100 g, ogni clic sul più ne aggiunge un'altra e sotto il pulsante si vede subito il totale: «Quantità scelta: 0.30 kg». Il limite di 2 kg per articolo evita errori nell'inserire la quantità.

Per i prodotti sfusi il cliente sceglie da sé la confezione: carta gratuita o un sacchetto doypack riutilizzabile a uno złoty. La scelta viene salvata nel carrello e nell'ordine, così il negozio confeziona esattamente come desidera il cliente — nello spirito zero waste.

Sotto il prezzo di ogni prodotto il negozio mostra da solo il prezzo al chilo, al litro o al pezzo — nella scheda prodotto e nei riquadri delle categorie. In promozione calcola dal prezzo scontato, così il cliente confronta ciò che pagherà davvero.

I prodotti soggetti a cauzione hanno un'informazione chiara nella scheda, e la cauzione viene aggiunta nel carrello e indicata nell'ordine — senza sorprese al pagamento.

La scheda prodotto ha le schede Ingredienti, Valori nutrizionali (tabella per 100 g) ed Esempi d'uso. Compaiono solo se hanno contenuto, quindi niente sezioni vuote — e il cliente consapevole trova tutto ciò che cerca, anche sul telefono.

• L'intestazione con il logo resta a portata di mano: scorrendo si rimpicciolisce, e sul telefono si nasconde scorrendo verso il basso e ricompare appena si risale.
• Il carrello scorre dal lato, senza ricaricare la pagina.
• La lista dei desideri permette di mettere da parte i prodotti per dopo.
• Il punto di ritiro pacchi si sceglie su una mappa con ricerca.
• Le prime immagini della home page si caricano con priorità, così il negozio si apre velocemente.

• Progetto grafico e UX/UI del negozio — desktop e mobile
• Illustrazioni vettoriali disegnate a mano
• Struttura del catalogo: categorie, bestseller, promozioni, confezioni regalo per aziende
• Funzioni del negozio: vendita a peso, scelta della confezione, sistema di cauzione, prezzo al chilo
• Realizzazione del negozio online su WooCommerce