IDA nasce dall'iniziativa di un gruppo di donne che sostengono cause legate al mondo, alla moda e alla vita.
Uno dei pilastri principali del marchio è l'attenzione per l'ambiente, per cui incoraggiano attraverso i loro capi il consumo consapevole e responsabile senza perdere la sensibilità e la bellezza dei pezzi.
Il marchio è nuovo, ma fa parte del gruppo WBG Retail che da oltre 5 anni promuove il mercato della moda, della decorazione e del life style.
Lo scenario
IDA entra nel mercato della moda nel 2019, scommettendo sulla consapevolezza dei consumatori, manifestando nella sua linea di lancio senza tempo (che non passerà di moda) la preoccupazione per le questioni ambientali e sociali che coinvolgono la produzione di massa.
Con queste motivazioni e la volontà di iniziare, il marchio ha optato per l'e-commerce.
Il progetto
Il nostro team è già partner del WBG Retail Group da tempo, quindi siamo stati scelti per dare vita al nuovo progetto che sostiene tante cause legate al mondo.
Per questo progetto abbiamo sviluppato un negozio da zero sulla piattaforma VTEX. L'obiettivo era quello di far passare tutta la leggerezza di una moda consapevole e la serietà del movimento in un design elegante elaborato dai professionisti del marchio, aggiunto a un codice ben strutturato e focalizzato sulle prestazioni.
Lo sviluppo
Inizialmente il nostro team ha prestato attenzione a offrire la migliore esperienza mobile, quindi abbiamo utilizzato la tecnica Mobile First, dando priorità alla costruzione dell'architettura mobile e seguendola fino ai desktop.
Per questo è stato fondamentale utilizzare un sistema di banner reattivo per caricare banner compatibili con ogni risoluzione dello schermo, evitando l'aspetto disordinato che alcuni siti assumono quando si accede da mobile, ad esempio.
Concentrandoci sull'esperienza dell'utente, abbiamo applicato la tecnica del Lazy load ai banner, agli scaffali e alle pagine dei prodotti, che ci permette di ritardare l'inizializzazione delle immagini fino a quando non è necessario per il cliente (quando si scorre la pagina, ad esempio).
Per personalizzare la navigazione degli utenti, abbiamo creato un account personalizzato al 100%, che mostra informazioni diverse in caso di accesso o meno. Inoltre, nella tendina dell'account, quando è loggato, il cliente ha accesso alle informazioni del suo account, alle liste e agli ordini effettuati.
Per finire, abbiamo personalizzato il checkout nativo di VTEX, personalizzando la pagina e offrendo la stessa esperienza visiva che offre il sito.
In questo progetto sono state utilizzate alcune funzionalità, tra cui:
Ricerca API: Questa funzionalità consente al cliente di cercare un prodotto attraverso la ricerca del sito e di avere i risultati completi nella stessa pagina. L'abbiamo personalizzata in base alle esigenze del cliente.
Minicart con animazioni: Una funzionalità scritta in VUEJS, che permette di rendere il processo di acquisto molto più interattivo. Con un carrello intelligente, il cliente viene informato sul calcolo del trasporto, sui coupon di sconto o sullo stato delle scorte.
Lista dei desideriWishlist: La wishlist permette al cliente di aggiungere prodotti in una specifica lista dei desideri. Con questa funzione installata, il cliente può salvare i prodotti di suo interesse e avere accesso ai desideri salvati sul sito, ogni volta che accede al suo account personale.
Risultato
L'IDA inizia la sua attività con un sito elegante e moderno, con ottime prestazioni su desktop e dispositivi mobili; la velocità di caricamento del sito è inferiore a 1 secondo su desktop e a 2 secondi su dispositivi mobili.
Il marchio dispone ora di un sito personalizzato al 100% e focalizzato sulle prestazioni, avviando le sue operazioni utilizzando le opzioni di gestione che la piattaforma VTEX mette a disposizione.
Il risultato è visibile all'indirizzo: https://www.ida.com.vc/
Auguriamo a questo movimento di avere successo ♥
E se vi sentite ispirati da questo progetto, contattate il nostro team e scoprite come realizzare il sito web dei vostri sogni.
Ricordiamo che le funzionalità utilizzate in questo progetto sono disponibili nella nostra pagina Plugin, dove è possibile acquistare solo le funzionalità desiderate.
