Siti web e ecommerce
Hestial — ecommerce e guida al catalogo
Ecommerce WordPress e WooCommerce per un marchio di integratori: presentazione dei prodotti, catalogo, schede e percorso guidato alla scelta.
Visita il sito del progetto (nuova finestra)
Dal racconto del brand alla scelta della formula
Il sito ufficiale Hestial riunisce presentazione del brand, catalogo e acquisto online in un ecommerce WordPress e WooCommerce. La homepage introduce i nove prodotti attraverso una scena con confezioni e video, mentre il catalogo e le schede permettono di approfondire le singole formule e le opzioni disponibili. Una guida interattiva accompagna l’esplorazione per ingredienti e formato. Il progetto comprende anche l’adattamento della composizione tra desktop e mobile, immagini responsive e interventi sulle risorse caricate. La struttura collega racconto del marchio, scelta del prodotto e percorso ecommerce, con pagine dedicate alla storia del brand e ai contatti.
Obiettivo progettuale
Il sito mette in relazione la presentazione del brand con una scelta di prodotto più guidata. Catalogo e guida presentano le formule, spiegano le opzioni e permettono di approfondire prima dell’acquisto. La composizione della homepage mantiene leggibili confezioni e navigazione anche su schermi piccoli.
Intervento realizzato
L’ecommerce WordPress e WooCommerce comprende nove prodotti, schede con opzioni di confezione, una guida interattiva, storia del brand e contatti. Abbiamo curato la composizione responsive della hero, lo spazio tra le confezioni, le immagini WebP a risoluzioni diverse e il caricamento differito delle anteprime. Slider e guida collegano l’esplorazione del catalogo alle schede prodotto e alle opzioni di acquisto.
Ragioni delle scelte
La scena iniziale offre una visione d’insieme dei prodotti; catalogo e guida introducono modi diversi per esplorarli. Separare le confezioni nella composizione ne rende distinguibili i profili. Il video dà movimento alla presentazione, mentre le immagini responsive adattano la dimensione delle risorse allo schermo su cui vengono consultate.
Immagini e contenuti del progetto
