Portfolio / Productstrategie • UX-onderzoek • Full-Stack Ontwikkeling • SEO and Prestaties

Voltaicos

Meertalig platform voor zonne-energie leadgeneratie, gericht op UX, SEO en prestaties—van eenvoudige website naar schaalbaar acquisitieplatform voor de Algarve.

Voltaicos - Productstrategie • UX-onderzoek • Full-Stack Ontwikkeling • SEO and Prestaties | Criazo Case Study

Categorie

Productstrategie • UX-onderzoek • Full-Stack Ontwikkeling • SEO and Prestaties

Jaar

2026

Duur

6 maanden

7

Talen

Laravel UX-onderzoek Meertalig SEO Lead Generation Custom CMS Prestaties

Projectoverzicht

Uitdaging

De klant moest van een eentalige site met zwakke leads, verwarde gebruikers en slechte mobiele prestaties. Sales besteedde te veel tijd aan het kwalificeren van prospects; navigatie sloot niet aan op gebruikersintentie; formulieren waren lang en generiek; vertrouwenssignalen minimaal. Het bedrijf wilde uitbreiden naar meerdere Europese markten en het volledige traject van eerste bezoek tot gekwalificeerd offerteverzoek beheersen.

Oplossing

We hebben het product opnieuw ontworpen: stakeholder- en heuristisch onderzoek leidde tot een nieuwe informatie-architectuur en persona's (kostenbewuste eigenaren, internationale eigenaren, drukke ondernemers). We ontwierpen een 7-stappen offerte-assistent, echte gelokaliseerde routing met vertaalde URL's en hreflang, een besparingscalculator en een Laravel CMS voor pagina's, blog, projecten, beoordelingen en funnel-analytics—zodat het team content kan schalen zonder afhankelijkheid van development.

Resultaten

Voltaicos evolueerde van een eenvoudige website naar een meertalig acquisitieplatform, een SEO-groeimotor en een conversie-geoptimaliseerd UX-systeem. De stapsgewijze flow verhoogde zowel voltooiing als leadkwaliteit; gelokaliseerde URL's dreven internationaal SEO; en prestatie- en toegankelijkheidsdoelen (mobiel ~75–80, a11y 95+) ondersteunen direct vertrouwen en conversies. Het CMS maakt snelle contentcreatie en continue optimalisatie mogelijk op basis van drop-off- en conversiedata.

Projectdetails

Discovery en UX-onderzoek

Stakeholder-interviews met het salesteam brachten terugkerende pijnpunten aan het licht: zwakke leads, gebruikers verward over soorten zonnestelsels, onrealistische prijsverwachtingen en tijdverlies bij het kwalificeren van prospects. Een heuristische audit van de oude site toonde navigatie niet gestructureerd rond gebruikersintentie, lange generieke formulieren die voltooiing ontmoedigden, eentalige beperking en minimale vertrouwenssignalen. Markt- en concurrentieanalyse toonde dat hoogpresterende zonne-platforms consequent besparingscalculators, stapsgewijze offerteflows, gelokaliseerde content per markt en sterke social proof—projecten en beoordelingen—gebruiken. We vertaalden deze inzichten naar drie persona's: Carlos (kostenbewuste eigenaar), Sophie (internationale eigenaar), Miguel (kleine ondernemer), elk met duidelijke doelen, pijnpunten en behoeften. Dit onderzoek vormde de ruggengraat van de informatie-architectuur en conversiestrategie.
  • Stakeholder-interviews en heuristische UX-audit
  • Persona's: kostenbewuste eigenaar, internationale eigenaar, kleine ondernemer
  • Concurrentie- en marktanalyse die IA en conversie-ontwerp sturen
Discovery en UX-onderzoek
Projectgalerij afbeelding
Projectgalerij afbeelding
Informatie-architectuur en conversietools

Informatie-architectuur en conversietools

De site is herbouwd rond zoekintentie en beslissingsreizen. Productsecties—zonnepanelen, batterijen, EV-laadpalen, carports, off-grid systemen—staan naast vertrouwen en educatie: projecten, klantbeoordelingen, zonneguide en blog. Conversietools zijn centraal: meerstaps offerteflow, besparingscalculator en consultatieboeking. Deze structuur ondersteunt SEO-onderwerpsclusters en leidt gebruikers naar één duidelijke volgende stap. Elke sectie beantwoordt: « Wat moet deze gebruiker weten of doen voordat hij een offerte aanvraagt? »
  • Product-, vertrouwens- en conversiepijlers in de IA
  • Onderwerpsclusters afgestemd op zoekintentie en conversie
  • Offerte-assistent, calculator en boeking als primaire conversiehefbomen

Meerstaps offerte-assistent en funnel-tracking

Een geleide 7-stappen flow verving het oude generieke formulier. Elke stap stelt één gerichte vraag: type eigendom, energieverbruik, dakcondities, productinteresse, tijdlijn, contactgegevens en beschikbaarheid. We pasten duidelijke UX-principes toe: zichtbare voortgangsindicator, mobile-first layout, eenvoudige taal en lage cognitieve belasting. Funnel-tracking is ingebouwd in de ervaring: elke inzending registreert laatste bereikte stap, voltooiingspercentage, taal, bronkanaal en timestamps. Het sales- en marketingteam kan drop-off per stap en apparaat analyseren en copy of flow continu optimaliseren. Stapsgewijze formulieren verhoogden niet alleen de voltooiing—ze verbeterden de leadkwaliteit door intentie en context voor te kwalificeren.
  • Eén gerichte vraag per stap met voortgang en mobile-first ontwerp
  • Volledige funnel-tracking: stap, voltooiing %, taal, bron, timestamps
  • Drop-off-analyse en optimalisatieroadmap
Meerstaps offerte-assistent en funnel-tracking
Meertalige UX en i18n-architectuur

Meertalige UX en i18n-architectuur

Het platform ondersteunt zeven talen: Engels (standaard), Portugees, Spaans, Frans, Duits, Nederlands en Italiaans. We kozen voor echte lokalisatie in plaats van simpele tekstvertaling. Volledige taalrouting, vertaalde URL's (bijv. /nl/zonnepanelen, /pt/painel-solar, /fr/panneaux-solaires), gelokaliseerde SEO-indexering en canonieke en hreflang-automatisering laten elke markt onafhankelijk ranken zonder duplicatie. De Laravel-implementatie omvat locale-middleware, slug-mapping per route, vertaalhelpers, bestandsgebaseerde vertalingen en admin-bewerkbare content—met architectuur klaar voor toekomstige database-gedreven i18n. Gelokaliseerde URL's en gestructureerde content waren cruciaal voor internationale SEO-groei.
  • Zeven talen met volledige taalrouting en vertaalde URL's
  • Canoniek en hreflang-automatisering voor onafhankelijke marktindexering
  • Laravel locale-middleware en slug-mapping; klaar voor DB-gedreven i18n

SEO-systeem en prestaties

On-page SEO wordt gedreven door semantische structuur, zoekintentie-content en interne linkclusters. Technische SEO omvat canonieke logica per locale, hreflang-automatisering, locale-specifieke XML-sitemaps en gestructureerde data: Organization, LocalBusiness, FAQ en Breadcrumb. Prestaties en toegankelijkheid waren niet-onderhandelbaar: preconnect-hints, server-side caching, GZIP, responsieve afbeeldingsgroottes, semantische HTML en ARIA-labels. Doelmetrieken zijn mobiele prestaties rond 75–80 en toegankelijkheid boven 95. We documenteerden een continue UX- en prestatie-iteratieroadmap zodat het team offertevoltooiing, drop-off per stap, conversie per apparaat en SEO-groei per taal kan verbeteren.
  • Gestructureerde data en locale-specifieke sitemaps voor internationaal SEO
  • Prestaties: caching, compressie, responsieve afbeeldingen, semantische HTML
  • Toegankelijkheidsdoelen 95+ met ARIA en semantische markup
SEO-systeem en prestaties
Maatwerk CMS voor schaalbare groei

Maatwerk CMS voor schaalbare groei

Een maatwerk CMS in Laravel geeft het team volledige controle: pagina- en landing-builders, blog- en projectbeheer, klantbeoordelingen, vertaalbeheer, lead-inzendingen-dashboard, funnel-analytics en gebruikersrollen en -rechten. Marketing kan content maken en bijwerken, in meerdere talen publiceren en funnel- en conversiedata analyseren zonder afhankelijkheid van developers. Deze autonomie was een kernbedrijfsdoel—de site omzetten in een schaalbaar contentproduct dat meegroeit met de Europese uitbreiding van het bedrijf.
  • Pagina's, blog, projecten, beoordelingen en vertaalbeheer in één CMS
  • Lead-inzendingen en funnel-analytics ingebouwd in de admin
  • Rollen en rechten voor veilige, schaalbare contentoperaties

Resultaat

Voltaicos evolueerde van een eenvoudige website naar een meertalig acquisitieplatform, een SEO-groeimotor en een conversie-geoptimaliseerd UX-systeem. Deze pijlers definiëren wat we hebben geleverd.

7 Talen
7-Step 7-stappen offerteflow
75–80 Mobiele prestaties
95+ Toegankelijkheid

Technologieën and Tools

Laravel 12 Stateless Form API SEO-automatisering i18n Middleware Custom CMS Gestructureerde Data

Projectresultaten

7
Talen
7 Stappen
Offerte-assistent
75–80
Mobiele Prestaties
95+
Toegankelijkheid

Projectgalerij