Rifare il sito web per renderlo più moderno e accattivante, per facilitare la gestione dei contenuti e supportare le attività di marketing.

Punto di partenza

vtenext è un’azienda che sviluppa la prima soluzione CRM Open Source con un motore di gestione di processi aziendali (BPMN) nativamente integrato. Tra i suoi clienti troviamo BMW, Sky, Auchan, Volkswagen e molte altre aziende internazionali.
Per far fronte alla crescita dell’azienda, vtenext ha la necessità di rifare il sito aziendale.

Analisi

Il nostro intervento ha preso avvio da un’analisi dello stato attuale del sito di vtenext per capire cosa andava mantenuto e cosa andava rimodernato. Abbiamo anche raccolto le limitazioni tecniche a cui dovevamo sottostare per mantenere la compatibilità con un sistema sviluppato anni prima e tuttora in uso.
Il cliente aveva già un sito, che nel corso degli anni le continue integrazioni ai servizi avevano reso poco user-friendly. I contenuti esistenti andavano migrati nel nuovo sito, ma riorganizzati.
Vista la volontà del cliente di gestire in autonomia il contenuto delle pagine, abbiamo deciso di fare il design di alcune pagine tipo, per definire lo stile generale e tutti i blocchi necessari. Abbiamo poi sviluppato i blocchi in maniera tale da dare al cliente un composer visivo personalizzato su misura per poter gestire i contenuti a piacimento.

Roadmap

Una volta ultimate l’analisi, abbiamo stilato la roadmap per il progetto:

  • definizione della nuova struttura del sito, proposta da vtenext
  • analisi delle azioni dell’utente all’interno del sito, a seconda delle sue necessità
  • design del sito
  • sviluppo del backend a blocchi per la gestione contenuti
  • sviluppo del frontend, responsive e tecnicamente ottimizzato SEO
  • integrazione con vtenext CRM
  • ottimizzazione delle performance e dei Core Web Vitals
  • rilascio del sito di notte per garantire la business continuity dell’attività del cliente
  • inserimento tracking con Google Tag Manager
  • migrazione SEO dal vecchio sito al nuovo per mantenere il posizionamento sui motori di ricerca

Azioni

La nuova grafica a tema oceano, oltre a collegarsi alla visione olistica voluta dall’azienda, riprende elementi dal logo. Abbiamo ripreso il tema nei colori, nelle onde animate e nelle animazioni dei bottoni.

Abbiamo sviluppato il sito su CMS WordPress, piattaforma già in uso dal cliente nel precedente sito. Vista la necessità del team marketing di poter creare le pagine in autonomia, la scelta è ricaduta su un’interfaccia a blocchi custom per dare al cliente la massima autonomia.

Nello sviluppo dei template abbiamo seguito tutte le moderne best practices in termini di performance e esperienza utente, comprese quelle indicate da Google con l’introduzione di Core Web Vitals. Alcune di queste best practice sono il lazy loading di immagini e video, evitare fastidiosi salti di layout durante il caricamento della pagina, minificazione del codice javascript e css, usare immagini next-gen come WebP.

Abbiamo customizzato completamente la Google Maps per la pagina “Trova il tuo partner”, usando pin diversificati in base al livello del partner, con popup dalla grafica personalizzata per le informazioni, il tutto sincronizzato con i filtri per tipo di partner, zona geografica, e la lista testuale.

Dal punto di vista della SEO tecnica, abbiamo applicato quanto ci era stato condiviso nell’analisi semantica dall’agenzia SEO che già segue vtenext: tutte le pagine usano HTML semantico, i tag dei titoli sono nel corretto ordine, le varie lingue sono gestite nel modo corretto, la sitemap è ottimizzata.

La gestione dei lead è stata automatizzata integrando i form di contatto del CRM vtenext, prodotto sviluppato dal cliente. In questo modo ogni richiesta di contatto diventa in automatico un lead all’interno del CRM, ottimizzando le attività del team sales.

Per garantire la continuità del business, abbiamo effettuato il rilascio del nuovo sito di notte, nel periodo con meno visite.

Risultati

Il nuovo sito è sviluppato in 3 lingue e ha risolto i problemi di indicizzazione causati dal plugin multilingue usato nel precedente sito.

L’integrazione dei form di contatto con vtenext CRM permette al team sales di semplificare la gestione dei lead.

La Google Maps interamente customizzata nella grafica permette di cercare i partner sia sulla mappa sia tramite filtri.

Dal punto di vista delle performance il nuovo sito ha ottimi punteggi, anche per i più recenti Core Web Vitals.