Een lichte constructie, bewust
Hallo Elementor, in plaats van een thema met een demosite erin. Er wordt niets meegeleverd dat de pagina niet zelf weergeeft.
Casestudy over een website en een AI-chatbot
Motorchron
Een landingspagina voor een app waarmee je zelf je auto kunt repareren, met daarop een assistent die de vraag beantwoordt in plaats van een e-mailadres te vragen en te beloven morgen terug te komen.
- IndustrieAutomotive app marketing
- GebruikersDIY mechanics and car owners
- GeleverdOctober 2024
- DienstenWeb Design, Development, AI
Overzicht
Motorchron is een app voor mensen die hun auto zelf onderhouden: een logboek van elke reparatie, elk onderdeel en elke bon, zodat er een overzicht is als er iets misgaat of als de auto te koop wordt aangeboden. Wat de app nog miste, was een plek waar mensen die erover hadden gehoord naartoe konden worden gestuurd.
Dit is die pagina. Eén scherm dat de voordelen uitlegt, laat zien wat de app bijhoudt en de app in beide app-winkels aanbiedt — gebouwd met WordPress en Elementor, zodat het team het kan aanpassen zonder een ontwikkelaar in te schakelen, en bewust eenvoudig gehouden qua techniek.
Het gedeelte dat geen landingspagina is, is de assistent. Deze beantwoordt vragen over reparaties en over de app zelf, op een plek waar iemand anders anders een supportticket zou hebben aangemaakt en zou hebben moeten wachten.
- WordPress
- Elementor
- PHP
- Custom CSS
- AI Chatbot
- Responsive Design
- SEO
Projectvideo
motorchronNeem het heft in eigen handen bij autoreparaties.
Een rondleiding door de Motorchron-website en de assistent die daarop te vinden is.
Belangrijkste functies
Eén pagina die alles regelt
Wat de app is, wat hij bijhoudt, hoe mensen hem gebruiken en waar je hem kunt downloaden — één keer scrollen in plaats van een website met een brochure van vijf pagina’s.
Een assistent die vragen over reparaties beantwoordt
Getraind op basis van de website en het eigen materiaal van de app, zodat een bezoeker direct een antwoord krijgt in plaats van doorgestuurd te worden naar een contactformulier.
Zonder hulp van een ontwikkelaar te bewerken
Elke sectie is een Elementor-blok. Het aankondigen van een nieuwe functie kost een middag, geen ticket.
Gemaakt om gevonden te worden
Semantische kopteksten, afbeeldingen die qua formaat zijn aangepast aan de lay-out en een thema dat niets toevoegt — want een landingspagina die niemand kan vinden, is slechts een folder.
De uitdaging
Een app die je pas begrijpt als je hem hebt gebruikt, en één pagina om uit te leggen waarom je dat zou moeten doen.
De pitch van Motorchron is geen functie, maar een gewoonte: houd je werk bij, bewaar de bonnen en zorg dat je degene bent met een gedocumenteerde onderhoudshistorie wanneer de auto wordt verkocht of de monteur het bij het verkeerde eind heeft. Dat is makkelijk uit te leggen aan iemand die zijn zaterdagen al onder de motorkap doorbrengt, en moeilijk uit te leggen aan iemand die door een app store scrolt. De pagina moest in één scrollbeweging, op een telefoon, vóór de downloadknop overtuigen; en daarna moest hij de vragen blijven beantwoorden die de pagina zelf niet had voorzien.
De vragen komen buiten kantooruren binnen
Mensen die op zoek zijn naar een onderhoudsapp, doen dat in het weekend, in de garage — niet tussen negen en vijf.
Het zit hem in de details
Inruilwaarde, onderhoudshistorie, VIN-geschiedenis: voor elk daarvan is een zin nodig, en zes zinnen achter elkaar vormen een muur die niemand leest.
Een contactformulier is de plek waar interesse ten onder gaat
Iemand die één vraag heeft over of de app geschikt is voor zijn of haar auto, zal geen formulier invullen en een dag wachten om daar achter te komen.
Onze oplossing
Eén pagina, met daarop iets dat terugpraat.
De opzet is met opzet saai gehouden. WordPress en Elementor op een kaal thema, geen meegeleverde demo-inhoud, geen plug-ins die taken uitvoeren die CSS al voor zijn rekening neemt — en dat is precies wat ervoor zorgt dat de site snel blijft laden op een telefoon in een garage met slechts twee streepjes signaal. Daarbovenop zit een assistent wiens kennis bestaat uit het eigen materiaal van de app, zodat de vragen die de pagina niet beantwoordde toch worden beantwoord, om elf uur ’s avonds, terwijl er aan onze kant niemand meer wakker is.
De medewerker kent dit product
De kennisbank is gebaseerd op de eigen teksten van de website, dus Motorchron wordt in de eigen woorden van Motorchron uitgelegd in plaats van dat er een aannemelijk antwoord wordt verzonnen.
Zes redenen, zes kaarten
Het overzicht van de artikelen beslaat het hele scherm en kan in ongeveer tien seconden worden doorgenomen. Dit is wat de meeste bezoekers lezen in plaats van de alinea’s.
Hoe het werkt
De pitch, boven de vouw
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.
Zes redenen, geen zes alinea’s
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.
Waar de vragen terechtkomen
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.
Wat er op te lossen viel
Een paginabouwer snel houden
Solution: Het gemak van Elementor zit hem in de markup van anderen, en een standaardthema voegt stilletjes een tweede kopie van alles toe. Als je voortbouwt op Hello Elementor — een thema dat zo goed als niets bevat — betekent dit dat de CSS en het JavaScript op de pagina precies dezelfde zijn als de CSS en het JavaScript die deze pagina gebruikt.
Een algemeen model één product aanleren
Solution: Een algemene assistent beantwoordt vragen over auto’s zelfverzekerd, maar vragen over Motorchron enigszins vaag. De kennisbank bestaat uit de eigen teksten van de website en het materiaal van de app, dus op productvragen wordt het antwoord van het product gegeven en wordt al het andere behandeld als algemeen advies in plaats van verzonnen details.
Een garage is een slecht netwerk
Solution: De afbeeldingen worden aangepast aan de lay-out in plaats van te worden geüpload in de formaat waarin de camera ze heeft vastgelegd, en er is geen hero-video. De doelgroep van deze pagina staat vaak naast een auto in plaats van naast een router.
Wat de klant zei
Op tijd geleverd en beoordeeld met vijf van de vijf sterren.
Het was een genot om met Jh Akash samen te werken aan ons websiteontwikkelingsproject. Zijn professionaliteit kwam duidelijk tot uiting in de kwaliteit van zijn werk, en hij leverde altijd op tijd op, terwijl hij proactief bleef communiceren. Een echte aanrader! 👍
Motorchron
Klant, via Fiverr
Vragen
Ja — de tekst, afbeeldingen en de volgorde van de secties kun je allemaal aanpassen in de Elementor-editor, zonder dat je daarvoor een ontwikkelaar nodig hebt. Dat is de belangrijkste reden waarom we voor WordPress hebben gekozen.
De eigen inhoud van de website en het materiaal van de app. Hierin wordt uitgelegd wat Motorchron doet en hoe je het kunt gebruiken. Het is geen diagnose-instrument en pretendeert niet de rol van monteur te vervullen.
Nee. Het pakt de vragen die al ergens een antwoord hadden, en dat blijkt het merendeel te zijn. Al het andere wordt nog steeds door een mens behandeld.
De app is in de eerste plaats voor mobiele telefoons ontwikkeld en getest. Het grootste deel van het verkeer bestaat uit mensen die over de app hebben gehoord en deze opzoeken op de telefoon waarop ze de app gaan installeren.
Heb je een app, maar weet je niet waar je mensen naartoe moet sturen?
Laten we de pagina maken die het product verkoopt.