Projeto Codeby: Novo Site da Motorola UK

Progetto Codeby: nuovo sito web Motorola UK su VTEX IO

Per oltre 80 anni sul mercato, Motorola è stata pioniera nel settore delle comunicazioni mobili, inventando la maggior parte dei protocolli e delle tecnologie che oggi consentono le comunicazioni in tutto il mondo.

La sua origine è segnata dalla costante ricerca di nuovi modi per risolvere i problemi e ancora oggi il marchio non ha perso la sua essenza di rendere migliore la vita delle persone, attraverso la mobilità.

Scenario

Motorola è un marchio molto apprezzato nel mercato della tecnologia e delle telecomunicazioni non solo negli Stati Uniti ma anche in tutto il mondo. I prodotti del marchio sono in vendita presso i principali rivenditori online e offline ma, sapendo che c'è un pubblico che preferisce acquistare direttamente dal marchio, Motorola ha sentito la necessità di evolvere il proprio e-commerce per servire in modo più efficiente.

Il sito era bello e tecnologico, ma la piattaforma utilizzata non offriva il supporto adeguato di cui aveva bisogno un e-commerce di un marchio grande e riconosciuto a livello mondiale.

Il progetto

Il marchio ha chiesto la nostra assistenza per migrare il sito di e-commerce sulla piattaforma VTEX, utilizzando la nuova piattaforma di sviluppo di applicazioni web di vtex.

Questo progetto aveva come obiettivo principale la migrazione della piattaforma, con lo scopo di espandere le operazioni di e-commerce del marchio e soprattutto di avere il controllo di questo processo in modo più semplice.

Lo sviluppo

Il primo passo di questo progetto è stato quello di trasformare il vecchio sito web in qualcosa di appropriato da utilizzare nella piattaforma VTEX. Dopo la migrazione, abbiamo iniziato a creare la struttura dietro l'e-commerce con vtex IO, che ha reso possibile l'uso di React per rendere lo sviluppo più rapido e semplice.

Il nostro team ha creato un tema standard per il marchio che funziona come base per altri siti in tutto il mondo. All'interno di questo tema, abbiamo creato un pannello adm con campi definiti appositamente per il sito e che possono essere consultati ogni volta che è necessario. Questo panel aveva l'obiettivo di risparmiare tempo nello sviluppo a breve, medio e lungo termine.

Abbiamo utilizzato la tecnica dell'applicazione a pagina singola, caratteristica comune ai frame basati su Java Scrip (come React), che consente di caricare l'intero sito quando si accede alla home page.

Per questo progetto sono state create anche alcune nuove funzionalità, che sono:

Estensione della garanzia: abbiamo aggiunto una pagina prima del check out per prodotti specifici che offrono al cliente l'estensione della garanzia.

Convalida dell'indirizzo: questa funzionalità è disponibile sul sito Web di Motorola USA, poiché ogni indirizzo di consegna deve essere convalidato da agenzie di consegna come Fedex. La funzionalità viene utilizzata per convalidare gli indirizzi di consegna che il cliente registra sul sito tramite Golink. Se l'indirizzo non è corretto e il cliente non lo modifica, il prodotto torna in magazzino.

Acquisti B2B: quando il cliente acquista più di 10 articoli dello stesso prodotto, questo acquisto viene automaticamente caratterizzato come acquisto B2B e informa il cliente che è necessario cambiare canale di vendita per effettuare l'acquisto.

Sconto per i dipendenti: tutti i dipendenti Motorola o Lenovo hanno diritto a sconti sui prodotti di marca. Abbiamo creato una funzione per aggiungere lo sconto se l'e-mail registrata è aziendale.

Formazione

Poiché vtex IO è una tecnologia nuova sul mercato, il nostro team è stato incaricato di formare l'intero team di e-commerce di Motorola in modo che avesse l'autonomia di effettuare la manutenzione e le modifiche quando necessario.

Un membro del nostro team si è recato in India per impartire la formazione a un gruppo di 20 persone. È stata una sfida da superare a causa delle barriere linguistiche, ma da queste parti una missione data è una missione compiuta.

Nel corso della formazione, oltre a spiegare cos'è vtex io e come si usa la piattaforma, sono state trasmesse tecniche quali

  • Utilizzare il tema sviluppato;
  • Come creare nuove funzionalità per ampliare il sito;
  • Creare applicazioni all'interno della piattaforma
  • Creazione di nuovi componenti

Il risultato

Motorola dispone ora di un sito completamente adattato all'e-commerce con operazioni scalabili.

Con la migrazione della piattaforma, il marchio ha ora a disposizione la gestione dei canali e dei processi all'interno della piattaforma stessa di vtex, che offre molto più comfort e praticità per le esigenze dell'e-commerce.

Dopo la strutturazione delle pagine attraverso la tecnica della single page application, la velocità di interattività, di contenuto e di caricamento del sito non supera 1 secondo.

Inoltre, attraverso la nostra formazione, ci siamo assicurati che il team di Motorola potesse lavorare senza difficoltà con la nuova piattaforma, effettuare la manutenzione e creare nuovi elementi ogni volta che fosse necessario.

Il tema che abbiamo creato per Motorola è già utilizzato in progetti Motorola nel Regno Unito, in Spagna e in Germania e si prevede che verrà implementato in oltre 32 paesi.

Il risultato è visibile su: www.motorola.co.uk