OBIETTIVO: RAPPRESENTARE I VALORI SIMBOLICI DELL’ATELIER CON UN SUPERWEBSITE, GARANTENDO AGLI UTENTI UNA NAVIGABILITÀ CHIARA E DEI CONTENUTI UNICI E RICCHI DI PERSONALITÀ E CARATTERE
Come ogni Superwebsites All Creative anche L’agobottega inizia il suo processo di sviluppo tramite la raccolta e l’analisi delle richieste del committente, del materiale testuale e fotografico a disposizione, ma anche degli obiettivi e del target di riferimento.
La palette scelta riflette l’anima delle due proprietarie, allegra e colorata, come i loro vestiti. Il verde è il grande protagonista della tavolozza, più chiaro per rimandare alla tinta del loro negozio fisico mentre quello più scuro, unito alle tonalità dell’azzurro, diventa simbolo della location del lago d’Iseo. Non mancano nella palette anche i riferimenti alla femminilità, con i toni del rosa e del rosso.
Completamente tailor-made, proprio come i loro meravigliosi abiti, il sito web è il risultato di un lavoro creativo progettato elemento per elemento dai nostri webdesigner, e si presenta come una sublime sinfonia di dettagli che vi faranno immergere nell’atmosfera unica di un laboratorio sartoriale ricco di storia. Bottoni, puntatore, elementi grafici unici e ben identificabili.
Nell’ottica di garantire una user experience intuitiva e agevole, la pagina dedicata allo shop online è un vero gioiello.
La sfida è stata proprio quella di creare un #ecommerce funzionale ma originale al tempo stesso, in cui ogni elemento è, ancora una volta, pensato su misura.
Qui, gli indecisi possono perdersi nell’ampia collezione e farsi ispirare dalle meravigliose gallerie d’immagini. Allo stesso tempo, chi ha già una chiara idea del proprio acquisto può selezionare facilmente la categoria preferita grazie a filtri preimpostati, o addirittura trovare il proprio abito dei sogni con un semplice tocco, grazie alla lente d’ingrandimento sempre accessibile nel menu!
Terminato il web design, fase portata avanti sempre a stretto contatto col cliente, la fase di web development ha preso il via.
Il sito è stato sviluppato utilizzando diversi linguaggi di markdown e programmazione. La parte di stile è stata creata con HTML5 e CSS3; grazie ai file in SASS, è stato possibile scrivere un codice snello, leggero e veloce, ma anche altamente personalizzabile tramite l’uso di MIXIN e variabili per media-query ed elementi di stile più complessi. Per le animazioni, è stata utilizzata la libreria GSAP che, insieme al resto del codice JS, ha reso possibile aggiungere dinamicità al sito di L’agobottega.
LA PERSONALIZZAZIONE DEI CONTENUTI È STATA RESA POSSIBILE DALLA CREAZIONE AD-HOC DI LAYOUT DI PAGINA, TEMPLATE GRAFICI E FUNZIONI PERSONALIZZATE INTERAMENTE ALL’INTERNO DELL’AGENZIA.
La programmazione del design responsive è stata eseguita con grande attenzione per garantire che il sito mantenga il suo stile e la sua identità su ogni dispositivo, considerando attentamente il target di riferimento. Utilizzando le media-query, i layout sono stati testati su smartphone, tablet (sia in modalità landscape che portrait), notebook e desktop 4K.
Data la mole di visitatori online, e la volontà di mantenere alla massima qualità possibile le foto delle splendide creazioni di Michela e Francesca, all’ottimizzazione del codice ha fatto seguito l’impiego di tecniche basate su CDN, o rete di distribuzione dei contenuti, per la parte di web hosting offerta dall’agenzia.
Il lavoro si conclude con l’ottimizzazione del sito per l’indicizzazione di Google: Tag Manager, meta title e description e integrazione con Google Search Console.
Visita il sito web: lagobottega.it
