Una struttura leggera, voluta
Ciao Elementor: è meglio di un tema con un sito demo integrato. Non viene caricato nulla che la pagina non visualizzi.
Caso di studio su un sito web e un chatbot basato sull'intelligenza artificiale
Motorchron
Una landing page per un'app dedicata alla riparazione fai-da-te delle auto, con un assistente integrato che risponde alle domande invece di limitarsi a raccogliere un indirizzo e-mail e promettere di ricontattare l'utente il giorno dopo.
- Settore industrialeAutomotive app marketing
- UtentiDIY mechanics and car owners
- ConsegnatoOctober 2024
- ServiziWeb Design, Development, AI
Panoramica
Motorchron è un’app pensata per chi si occupa personalmente della manutenzione della propria auto: un registro aggiornato di ogni riparazione, ricambio e ricevuta, in modo da avere una cronologia completa nel caso in cui si verifichi un problema o si decida di mettere in vendita l’auto. Ciò che mancava era un punto di riferimento a cui indirizzare le persone che ne avevano sentito parlare.
Ecco la pagina in questione. Una singola schermata che illustra il concetto, mostra cosa monitora l’app e la pubblica su entrambi gli store — realizzata con WordPress ed Elementor, in modo che il team possa modificarla senza dover ricorrere a uno sviluppatore, e volutamente semplice nella struttura di base.
La parte che non è una landing page è l'assistente. Risponde alle domande sulle riparazioni e sull'app stessa, proprio nel punto in cui altrimenti l'utente avrebbe aperto un ticket di assistenza e avrebbe dovuto attendere.
- WordPress
- Elementor
- PHP
- Custom CSS
- AI Chatbot
- Responsive Design
- SEO
Video del progetto
motorchronPrendi in mano la situazione quando si tratta di riparazioni auto.
Una guida dettagliata al sito Motorchron e all’assistente che vi è integrato.
Funzionalità chiave
Una pagina che fa tutto il lavoro
Cos’è l’app, quali dati raccoglie, come viene utilizzata e dove scaricarla: basta uno scorrimento invece di un sito-brochure di cinque pagine.
Un assistente che risponde alle domande relative alle riparazioni
Il sistema è stato addestrato utilizzando i contenuti presenti sul sito e nell'app stessa, in modo che un visitatore riceva una risposta invece di essere reindirizzato a un modulo di contatto.
Modificabile senza l'intervento di uno sviluppatore
Ogni sezione è un blocco Elementor. Annunciare una nuova funzionalità richiede un pomeriggio, non un ticket.
Creato per essere scoperto
Titoli semantici, immagini adattate al layout e un tema che non aggiunge nulla — perché una landing page che nessuno riesce a trovare è come un volantino.
La sfida
Un'app che acquista senso solo dopo averla provata, e una pagina per spiegarti perché dovresti farlo.
Il punto di forza di Motorchron non è una funzionalità, ma un’abitudine: registrare il lavoro svolto, conservare le ricevute ed essere quella persona che può dimostrare la cronologia degli interventi quando si vende l’auto o quando il meccanico ha torto. È facile da spiegare a chi trascorre già i sabati sotto il cofano, ma difficile da spiegare a chi sta semplicemente scorrendo un app store. La pagina doveva convincere l’utente con una sola scorruta, su uno smartphone, prima del pulsante di download; e poi doveva continuare a rispondere alle domande che la pagina stessa non aveva previsto.
Le domande arrivano fuori orario
Chi cerca un'app per la manutenzione lo fa nel fine settimana, in garage — non dalle nove alle cinque.
Il valore sta nei dettagli
Valore di rivendita, tracciabilità dell'assistenza, cronologia del numero di telaio: ogni argomento richiede una frase, e sei frasi di fila sono un muro che nessuno legge.
Un modulo di contatto è il luogo in cui l'interesse va a morire
Chi ha una domanda per sapere se l'app è compatibile con la propria auto non compilerà un modulo per poi aspettare un giorno per avere una risposta.
La nostra soluzione
Una pagina, con qualcosa scritto sopra che risponde.
La struttura è volutamente semplice. WordPress ed Elementor su un tema essenziale, senza contenuti demo predefiniti, senza plugin che svolgano funzioni già gestite dai CSS — ed è proprio questo che lo rende veloce su uno smartphone in un garage con due tacche di segnale. A coronamento di tutto ciò c’è un assistente le cui conoscenze attingono direttamente dai contenuti dell’app stessa, così le domande a cui la pagina non ha risposto trovano comunque una risposta, alle undici di sera, quando nessuno della nostra squadra è più sveglio.
L'assistente conosce questo prodotto
La sua base di conoscenze è costituita dal testo presente sul sito stesso, quindi spiega Motorchron con le parole di Motorchron, anziché improvvisare una risposta plausibile.
Sei motivi, sei carte
La griglia degli articoli in primo piano copre l'intera pagina ed è consultabile in circa dieci secondi. È ciò che la maggior parte dei visitatori legge al posto dei paragrafi.
Come funziona
Il testo, nella parte superiore della pagina
One line, one photograph and both store badges. The claim is a promise rather than a feature list, because at this point in the scroll nobody has agreed that they have a problem yet.
Sei motivi, non sei paragrafi
Resale value, service tracking, organised records, transparency, risk and cost — one card and one sentence each. It is the section visitors actually read, so it carries the argument the hero only opens.
Dove finiscono le domande
Reviews from people already using the app, then the four questions everybody asks, answered on the page. Anything not on that list goes to the assistant rather than into a contact form.
Cosa c'era da risolvere
Mantenere veloce un page builder
Solution: Il vantaggio di Elementor sta nel codice di altri, mentre un tema predefinito aggiunge silenziosamente una seconda copia di ogni elemento. Basarsi su Hello Elementor — un tema che è praticamente vuoto — significa che il CSS e il JavaScript presenti nella pagina sono proprio quelli utilizzati da questa pagina.
Insegnare a un modello generale un prodotto
Solution: Un assistente generale risponde con sicurezza alle domande sulle auto e in modo vago a quelle su Motorchron. La sua base di conoscenze è costituita dai contenuti del sito stesso e dal materiale dell'app, quindi alle domande sui prodotti viene data la risposta relativa al prodotto, mentre tutto il resto viene trattato come un consiglio generale piuttosto che come un dettaglio inventato.
Un garage è una rete scadente
Solution: Le immagini vengono ridimensionate in base al layout anziché caricate nelle dimensioni originali della fotocamera, e non è presente alcun video in primo piano. Il pubblico di questa pagina si trova spesso accanto a un’auto piuttosto che a un router.
Cosa ha detto il cliente
Consegnato in tempo e valutato cinque su cinque.
È stato un vero piacere lavorare con Jh Akash al nostro progetto di sviluppo del sito web. La sua professionalità è emersa chiaramente dalla qualità del suo lavoro; ha sempre rispettato le scadenze, mantenendo al contempo una comunicazione proattiva. Lo consiglio vivamente! 👍
Motorchron
Cliente, tramite Fiverr
Domande
Sì: il testo, le immagini e l'ordine delle sezioni possono essere modificati direttamente dall'editor di Elementor senza bisogno di uno sviluppatore. Questo è uno dei motivi principali per cui si usa WordPress.
I contenuti del sito e il materiale dell'app. Spiegano cosa fa Motorchron e come utilizzarlo. Non si tratta di uno strumento diagnostico e non pretende di sostituirsi a un meccanico.
No. Prende le domande a cui era già stata data una risposta da qualche parte, ovvero la maggior parte di esse. Tutto il resto viene comunque sottoposto a una persona.
È stata sviluppata e testata pensando innanzitutto all'uso su cellulare. La maggior parte del traffico proviene da utenti che hanno sentito parlare dell'app e la stanno cercando sul cellulare su cui stanno per installarla.
Hai un'app ma non sai dove indirizzare gli utenti?
Creiamo la pagina che lo promuove.