Ecommerce

Rue Des Mille

Rue Des Mille è un brand italiano di gioielli prêt-à-porter con una forte presenza sia online che sul territorio, grazie agli oltre 600 negozi fisici nei quali è possibile acquistare i loro prodotti. L’azienda nell’ultimo anno ha registrato un fatturato di oltre 5 milioni di euro ed è entrata a far parte del network internazionale di Elite, il programma del London Stock Exchange Group, nato in Borsa Italiana nel 2012 con la collaborazione di Confindustria.

Rue Des Mille home page

La sfida

Per un’azienda l’e-commerce rappresenta molto più di una semplice piattaforma dove si vendono dei prodotti. È il primo biglietto da visita, una vetrina dove è possibile esporre il proprio brand al mondo. L’esperienza che un e-commerce è in grado di fornire è indissolubilmente legata alla qualità di un brand.\ Abbiamo affrontato il rinnovamento dell’ e-commerce di Rue Des Mille con l’obiettivo di creare una piattaforma la cui immagine rispecchi a pieno la filosofia di Rue Des Mille.\ Il progetto è stato sviluppato da zero in modo da poter scegliere tutte le tecnologie necessarie per costruire le basi di una piattaforma flessibile e proiettata al futuro, con un’esperienza utente al di sopra dello standard.

Le principali sfide che abbiamo dovuto affrontare nella realizzazione del progetto sono state:

  • Creare un’esperienza utente fluida e responsive, ottimizzata per la navigazione da smartphone senza però rinunciare ad offrire un adeguato supporto alle funzionalità desktop.
  • Migliorare le performance rispetto all’e-commerce già esistente garantendo la scalabilità necessaria per supportare i picchi di traffico durante le promozioni e gli eventi.
  • Dare la possibilità agli amministratori di gestire in autonomia i prodotti.
  • Creare collezioni speciali e ed edizioni limitate.
  • Permettere agli amministrare di modificare a piacimento ogni pagina.
  • Internazionalizzare i contenuti.
  • Integrare nella piattaforma web i rivenditori fisici.
  • Migrare tutti i dati sulla nuova piattaforma senza nessuna interruzione dei servizi.

Mobile first ed esperienza utente

Circa l’80% degli utenti di Rue Des Mille utilizza l’e-commerce da smartphone. Da questo dato segue che il nostro approccio è stato quello di curare in ogni dettaglio l’esperienza di navigazione mobile progettando ogni dettaglio del sito in ottica mobile-first, ma senza ovviamente trascurare la corretta fruizione dei contenuti anche da desktop.

Abbiamo iniziato il progetto lavorando su dei prototipi sia mobile che desktop, ragionando su come rendere ogni azione dell’utente il più intuitiva possibile.

Prototipo mobile

Performance and scalability

Più veloce è il tuo sito web più felici saranno i tuoi utenti.

Abbiamo cercato di portare all’estremo questo concetto, utilizzando le ultime tecnologie disponibili, insieme ad un lavoro maniacale di ottimizzazione, per ridurre al minimo ogni aspetto che potesse rendere meno fluida la navigazione e peggiorare quindi l’esperienza utente. Questo lavoro è risultato fondamentale soprattutto per gli utenti mobile, dove la velocità della connessione spesso non è performante come quella offerta da una postazione desktop.

Website performance

Il risultato è un’esperienza estremamente fluida e responsive, senza compromessi su alcuna funzionalità, indipendentemente dalla qualità della connessione. Anche durante picchi di traffico con migliaia di persone connesse simultaneamente non è stato riscontrato nessun degrado delle performance della piattaforma.

Gestione e personalizzazione dei prodotti

Abbiamo usato Shopify per la gestione dei prodotti e degli ordini, insieme ad un Headless CMS per tutti gli altri contenuti. Questo approccio ci ha permesso di unire la solidità di Shopify con la flessibilità di un CMS, creando una soluzione unica che permette la totale personalizzazione del sito da parte degli amministratori, i quali sono in grado di aggiungere, rimuovere o modificare i contenuti dell’e-commerce in totale autonomia.

Prodotto personalizzabile

Un esempio di questa flessibilità è la collezione “Carousel”, che permette all’utente di creare il proprio braccialetto personalizzato utilizzando lettere e simboli, assistito da un’interfaccia interattiva.

Carousel configurator

Limited edition - Valentina Ferragni collection

Rue des Mille ha lanciato una limited edition firmata da Valentina Ferragni.

Collezione Valentina Ferragni

Il lancio della collezione è avvenuto in concomitanza con il lancio del nuovo e-commerce. Quindi di fatto il primo test live è avvenuto sotto condizioni di forte traffico. La piattaforma ha sopportato perfettamente il carico degli utenti, senza riscontrare nessun calo delle performance con picchi di oltre 1000 utenti connessi simultaneamente.\ Per la collezione inoltre abbiamo creato una landing page personalizzata che è stata integrata senza problemi nell’e-commerce grazie alla flessibilità del CMS.

Valentina Ferragni prodottu

Gestione dei contenuti

Per gestire i contenuti del sito abbiamo utilizzato un headless CMS, dando la possibilità agli amministratori di Rue Des Mille di modificare ogni pagina a piacimento e addirittura creare nuove pagine totalmente in autonomia.

Un esempio è la pagina News, dove gli amministratori possono inserire articoli tramite un editor di testo e vederli pubblicati nel giro di pochi minuti.

Content management

Internazionalizzazione

Uno degli obiettivi di Rue Des Mille per consolidare la brand awareness è quello di investire sui mercati esteri, con target in particolare su Stati Uniti e Spagna. È stato quindi fondamentale sviluppare l’ e-commerce multilingua. L’internazionalizzazione è stata gestita

Tramite l’utilizzo del CMS, dando la possibilità di modificare in maniera indipendente le traduzioni di tutti i contenuti.

Internazionalizzazione

Rivenditori

Rue Des Mille vende i propri prodotti in oltre 600 negozi fisici sul territorio ed è stato necessario inserire nell’e-commerce una parte dove fosse possibile ricercare i negozi. Abbiamo deciso di sviluppare una sezione personalizzata dove tutti i rivenditori sono visualizzati su una mappa interattiva. Questa sezione permette sia di ricercare uno specifico negozio che di visionare i negozi più vicini all’utente tramite geolocalizzazione. L’inserimento, la modifica e la rimozione dei rivenditori può essere fatta in autonomia dal team di amministratori.

Store locator

Migrazione dei dati

Trasferire un intero e-commerce su una nuova piattaforma è stata un’operazione delicata, specialmente dovendo garantire che non ci fosse nessuna interruzione del servizio. Abbiamo lavorato a stretto contatto con il team di Rue Des Mille per fare in modo che il trasferimento di tutti i prodotti dal vecchio al nuovo e-commerce fosse il più agevole possibile, riuscendo a garantire la piena continuità del servizio.

Il risultato

Siamo molto soddisfatti del risultato, perché siamo riusciti a soddisfare le richieste del cliente e allo stesso tempo abbiamo realizzato una piattaforma estremamente innovativa, flessibile e performante. Grazie all’innovazione introdotta con le tecnologie utilizzate e all’ottimizzazione delle performance l’e-commerce offre un’esperienza utente di prima classe, decisamente superiore a quelle che sono le performance di un normale sito.

Detto questo, consigliamo di testare in prima persona quanto vi abbiamo raccontato in questo post, visitando Rue Des Mille