Studio dell’aspetto grafico dell’homepage per il sito e-commerce della Parafarmacia Emporio Salute
Premessa
La Parafarmacia Emporio Salute necessitava di un restyling del sito web per la vendita online dei loro prodotti, attraverso una vetrina dall’aspetto professionale e aggiornato.
Design del layout grafico dell'homepage
In base alle esigenze specifiche emerse in fase di analisi preliminare, sono stati studiati gli ingombri dell’homepage, dedicati ai diversi argomenti da evidenziare:
- Header con logo, menu e carrello
- Slider con presentazione della parafarmacia e categorie di prodotti stagionali
- Descrizione dell’attività con certificazione di legalità dell’ecommerce
- Area offerte
- Lista dei prodotti più venduti
- Informazioni principali relative alle condizioni di vendita
- Footer con contatti e orari di apertura
Colori
Partendo dal logo pre-esistente della Parafarmacia ho deciso di utilizzare come colore predominante il verde, colore rassicurante e identificativo nell’ambito medico-curativo. Come colore di accompagnamento troviamo il grigio in tonalità scura e chiara. Il grigio è un colore neutro che evoca solidità. Per attirare l’attenzione ho scelto un colore complementare al verde, un tipo di rosso caldo che trasmette energia.
Studio grafico delle pagine interne del sito per la vendita online di prodotti parafarmaceutici
Design grafico delle pagine interne
Su base del design dell’homepage è stata studiata la composizione delle singole pagine ed è stata successivamente realizzate la grafica per tutte le pagine interne:
- Pagine istituzionali di presentazione
- Elenco prodotti per categoria
- Elenco prodotti per marca
- Dettaglio prodotto
- Servizi
- News
- Contatti
- Carrello e area riservata
Personalizzazione codice Html5 e css3
Grafica Responsive
Intervento diretto sul codice html e sul foglio di stile css per ottenere personalizzazioni grafiche su tutte le pagine.
Predisposizione delle modifiche necessarie per ottenere la corretta visualizzazione su tutti i dispositivi desktop, tablet e mobile.
Conoscere il codice Html e saper intervenire sui fogli di stile CSS consente di avere sempre il massimo controllo sulla User Interface, per arrivare ad avere un’esperienza utente ottimale da tutti i dispositivi.
Vuoi dare più gusto alla tua immagine aziendale?
Contattami: analizzeremo assieme la tua situazione per trovare la soluzione più gustosa!