Portfolio / Produktstrategi • UX-forskning • Full-Stack-utveckling • SEO och Prestanda

Voltaicos

Flerspråkig plattform för solenergi-leadgenerering med fokus på UX, SEO och prestanda—från enkel webbplats till skalbart förvärvsverktyg för Algarve.

Voltaicos - Produktstrategi • UX-forskning • Full-Stack-utveckling • SEO och Prestanda | Criazo Fallstudie

Kategori

Produktstrategi • UX-forskning • Full-Stack-utveckling • SEO och Prestanda

År

2026

Varaktighet

6 månader

7

Språk

Laravel UX-forskning Flerspråkig SEO Lead Generation Anpassat CMS Prestanda

Projektöversikt

Utmaning

Kunden behövde gå från en enspråkig webbplats med svaga leads, förvirrade användare och dålig mobilprestanda. Försäljningen förlorade tid på att kvalificera prospects; navigeringen matchade inte användaravsikt; formulären var långa och generiska; förtroendesignaler minimala. Företaget ville expandera till flera europeiska marknader och äga hela resan från första besök till kvalificerad offertförfrågan.

Lösning

Vi omskapade produkten från grunden: intressent- och heuristisk forskning lade grunden för ny informationsarkitektur och personor (kostnadsmedvetna husägare, internationella ägare, tidsfattiga företagare). Vi designade en 7-stegs offertassistent, äkta lokaliserad routing med översatta URL:er och hreflang, en besparingskalkylator och ett Laravel-CMS för sidor, blogg, projekt, recensioner och funnel-analys—så att teamet kan skala innehåll utan utvecklarberoende.

Resultat

Voltaicos utvecklades från en enkel webbplats till en flerspråkig förvärvsplattform, en SEO-tillväxtmotor och ett konversionsoptimerat UX-system. Det stegbaserade flödet ökade både slutförande och leadkvalitet; lokaliserade URL:er drev internationell SEO; och prestanda- och tillgänglighetsmål (mobil ~75–80, a11y 95+) stöder direkt förtroende och konverteringar. CMS:et möjliggör snabb innehållsskapande och kontinuerlig optimering utifrån drop-off- och konversionsdata.

Projektdetaljer

Discovery och UX-forskning

Intressentintervjuer med säljteamet avslöjade återkommande problem: svaga leads, användare förvirrade över solsystemtyper, orealistiska prisförväntningar och tid förlorad på att kvalificera prospects. En heuristisk granskning av den gamla webbplatsen visade navigering inte strukturerad kring användaravsikt, långa generiska formulär som avskräckte från slutförande, enspråkig begränsning och minimala förtroendesignaler. Marknads- och konkurrentanalys visade att högpresterande solplattformar konsekvent använde besparingskalkylatorer, stegbaserade offertflöden, lokaliserat innehåll per marknad och stark social proof—projekt och recensioner. Vi förvandlade dessa insikter till tre personor: Carlos (kostnadsmedveten husägare), Sophie (internationell ägare), Miguel (liten företagare), var och en med tydliga mål, smärtor och behov. Denna forskning blev ryggraden i informationsarkitekturen och konversionsstrategin.
  • Intressentintervjuer och heuristisk UX-granskning
  • Personor: kostnadsmedveten husägare, internationell ägare, liten företagare
  • Konkurrent- och marknadsanalys som driver IA och konversionsdesign
Discovery och UX-forskning
Projektgalleri bild
Projektgalleri bild
Informationsarkitektur och konversionsverktyg

Informationsarkitektur och konversionsverktyg

Webbplatsen byggdes om kring sökavsikt och beslutresor. Produktsektioner—solpaneler, batterier, EV-laddare, carports, off-grid-system—sitter vid sidan av förtroende och utbildning: projekt, kundrecensioner, solguide och blogg. Konversionsverktyg är centrala: flerstegs offertflöde, besparingskalkylator och konsultationsbokning. Denna struktur stöder SEO-ämneskluster och guidar användare mot ett enda tydligt nästa steg.
  • Produkt-, förtroende- och konversionspelare i IA
  • Ämneskluster i linje med sökavsikt och konversion
  • Offertassistent, kalkylator och bokning som primära konversionshävstänger

Flerstegs offertassistent och funnel-spårning

Ett guidat 7-stegs flöde ersatte det gamla generiska formuläret. Varje steg ställer en fokuserad fråga: fastighetstyp, energianvändning, takförhållanden, produktintresse, tidslinje, kontaktuppgifter och tillgänglighet. Vi tillämpade tydliga UX-principer: synlig framstegsindikator, mobile-first-layout, enkelt språk och låg kognitiv belastning. Funnel-spårning är inbyggd i upplevelsen: varje inlämning registrerar sista nådda steg, slutförandeprocent, språk, källkanal och tidsstämplar. Sälj- och marknads teamet kan analysera drop-off per steg och enhet och optimera copy eller flöde kontinuerligt.
  • En fokuserad fråga per steg med framsteg och mobile-first-design
  • Full funnel-spårning: steg, slutförande %, språk, källa, tidsstämplar
  • Drop-off-analys och optimeringsroadmap
Flerstegs offertassistent och funnel-spårning
Flerspråkig UX och i18n-arkitektur

Flerspråkig UX och i18n-arkitektur

Plattformen stöder sju språk: engelska (standard), portugisiska, spanska, franska, tyska, nederländska och italienska. Vi valde äkta lokalisering framför enkel textöversättning. Full språkrouting, översatta URL:er (t.ex. /nl/zonnepanelen, /pt/painel-solar, /fr/panneaux-solaires), lokaliserad SEO-indexering och canonical och hreflang-automatik låter varje marknad ranka oberoende utan duplicering. Laravel-implementeringen inkluderar locale-middleware, slug-mappning per route, översättningshjälpare, filbaserade översättningar och admin-redigerbart innehåll—med arkitektur redo för framtida databasdriven i18n.
  • Sju språk med full språkrouting och översatta URL:er
  • Canonical och hreflang-automatik för oberoende marknadsindexering
  • Laravel locale-middleware och slug-mappning; redo för DB-driven i18n

SEO-system och prestanda

On-page SEO drivs av semantisk struktur, sökavsiktsinnehåll och interna länkkluster. Teknisk SEO inkluderar canonical-logik per locale, hreflang-automatik, locale-specifika XML-sajtkartor och strukturerade data: Organization, LocalBusiness, FAQ och Breadcrumb. Prestanda och tillgänglighet var icke-förhandlingsbara: preconnect-hints, server-side caching, GZIP, responsiv bildstorlek, semantisk HTML och ARIA-märkning. Målmetriker är mobilprestanda runt 75–80 och tillgänglighet över 95.
  • Strukturerad data och locale-specifika sajtkartor för internationell SEO
  • Prestanda: caching, komprimering, responsiva bilder, semantisk HTML
  • Tillgänglighetsmål 95+ med ARIA och semantisk markup
SEO-system och prestanda
Anpassat CMS för skalbar tillväxt

Anpassat CMS för skalbar tillväxt

Ett anpassat CMS i Laravel ger teamet full kontroll: sidor och landningsbyggare, blogg- och projekt hantering, kundrecensioner, översättningshantering, lead-inlämningsdashboard, funnel-analys och användarroller och behörigheter. Marknadsföring kan skapa och uppdatera innehåll, publicera på flera språk och analysera funnel- och konversionsdata utan utvecklarberoende. Denna autonomi var ett kärn affärsmål—att förvandla webbplatsen till en skalbar innehållsprodukt som växer med företagets europeiska expansion.
  • Sidor, blogg, projekt, recensioner och översättningshantering i ett CMS
  • Lead-inlämningar och funnel-analys inbyggda i admin
  • Roller och behörigheter för säkra, skalbara innehållsoperationer

Resultat

Voltaicos utvecklades från en enkel webbplats till en flerspråkig förvärvsplattform, en SEO-tillväxtmotor och ett konversionsoptimerat UX-system. Dessa pelare definierar vad vi levererade.

7 Språk
7-Step 7-stegs offertflöde
75–80 Mobilprestanda
95+ Tillgänglighet

Teknologier & Verktyg

Laravel 12 Stateless Form API SEO-automatisering i18n Middleware Anpassat CMS Strukturerad Data

Projektresultat

7
Språk
7 Steg
Offertassistent
75–80
Mobil Prestanda
95+
Tillgänglighet

Projektgalleri