Portfolio / Strategia produktu • Badania UX • Rozwój Full-Stack • SEO i wydajność

Voltaicos

Wielojęzyczna platforma leadów w energetyce słonecznej, skupiona na UX, SEO i wydajności—od prostej strony do skalowalnego silnika pozyskiwania w Algarve.

Voltaicos - Strategia produktu • Badania UX • Rozwój Full-Stack • SEO i wydajność | Criazo Studium Przypadku

Kategoria

Strategia produktu • Badania UX • Rozwój Full-Stack • SEO i wydajność

Rok

2026

Czas Trwania

6 miesięcy

7

Języki

Laravel Badania UX SEO Wielojęzyczne Lead Generation Niestandardowy CMS Wydajność

Przegląd Projektu

Wyzwanie

Klient musiał odejść od jednojęzycznej strony ze słabymi leadami, zdezorientowanymi użytkownikami i słabą wydajnością mobilną. Sprzedaż traciła czas na kwalifikację prospectów; nawigacja nie odpowiadała intencji użytkownika; formularze były długie i generyczne; sygnały zaufania minimalne. Firma chciała wejść na wiele rynków europejskich i kontrolować całą drogę od pierwszej wizyty do kwalifikowanego zapytania ofertowego.

Rozwiązanie

Przeprojektowaliśmy produkt od podstaw: badania z interesariuszami i audyt heurystyczny dały nową architekturę informacji i persony (właściciele wrażliwi na koszty, właściciele międzynarodowi, przedsiębiorcy z ograniczonym czasem). Zaprojektowaliśmy asystenta ofert w 7 krokach, prawdziwe zlokalizowane routowanie z przetłumaczonymi URL-ami i hreflang, kalkulator oszczędności i CMS Laravel do stron, bloga, projektów, recenzji i analityki lejka—aby zespół mógł skalować treści bez zależności od developera.

Wyniki

Voltaicos ewoluował z prostej strony w wielojęzyczną platformę pozyskiwania, silnik wzrostu SEO i zoptymalizowany pod konwersję system UX. Przepływ krokowy zwiększył zarówno ukończenie, jak i jakość leadów; zlokalizowane URL-e napędzały międzynarodowe SEO; a cele wydajności i dostępności (mobile ~75–80, a11y 95+) bezpośrednio wspierają zaufanie i konwersje. CMS umożliwia szybkie tworzenie treści i ciągłą optymalizację na podstawie danych o porzuceniu i konwersji.

Szczegóły Projektu

Discovery i badania UX

Wywiady z zespołem sprzedaży ujawniły powtarzające się problemy: słabe leady, użytkownicy zdezorientowani typami systemów słonecznych, nierealistyczne oczekiwania cenowe i czas tracony na kwalifikację prospectów. Heurystyczny audyt starej strony pokazał nawigację nie zorganizowaną wokół intencji użytkownika, długie generyczne formularze zniechęcające do ukończenia, ograniczenie jednojęzyczne i minimalne sygnały zaufania. Analiza rynku i konkurencji wykazała, że platformy słoneczne o wysokiej wydajności konsekwentnie stosują kalkulatory oszczędności, przepływy ofert krokowę, zlokalizowane treści per rynek i silny dowód społeczny—projekty i recenzje. Przekształciliśmy te wnioski w trzy persony: Carlos (właściciel wrażliwy na koszty), Sophie (właścicielka międzynarodowa), Miguel (mały przedsiębiorca), każda z jasnymi celami, bólami i potrzebami. Te badania stały się kręgosłupem architektury informacji i strategii konwersji.
  • Wywiady z interesariuszami i heurystyczny audyt UX
  • Persony: właściciel wrażliwy na koszty, właściciel międzynarodowy, mały przedsiębiorca
  • Analiza konkurencji i rynku napędzająca IA i design konwersji
Discovery i badania UX
Obraz galerii projektu
Obraz galerii projektu
Architektura informacji i narzędzia konwersji

Architektura informacji i narzędzia konwersji

Strona została przebudowana wokół intencji wyszukiwania i ścieżek decyzyjnych. Sekcje produktów—panele słoneczne, baterie, ładowarki EV, wiaty, systemy off-grid—są obok zaufania i edukacji: projekty, recenzje klientów, przewodnik po fotowoltaice i blog. Narzędzia konwersji są centralne: wieloetapowy przepływ ofert, kalkulator oszczędności i rezerwacja konsultacji. Ta struktura wspiera klastry tematyczne SEO i prowadzi użytkowników do jednego jasnego następnego kroku.
  • Filary produktu, zaufania i konwersji w IA
  • Klastry tematyczne zgodne z intencją wyszukiwania i konwersją
  • Asystent ofert, kalkulator i rezerwacja jako główne dźwignie konwersji

Wieloetapowy asystent ofert i śledzenie lejka

Przewodni przepływ w 7 krokach zastąpił stary generyczny formularz. Każdy krok zadaje jedno skupione pytanie: typ nieruchomości, zużycie energii, stan dachu, zainteresowanie produktem, harmonogram, dane kontaktowe i dostępność. Zastosowaliśmy jasne zasady UX: widoczny wskaźnik postępu, układ mobile-first, prosty język i niskie obciążenie poznawcze. Śledzenie lejka jest wbudowane w doświadczenie: każde zgłoszenie rejestruje ostatni osiągnięty krok, procent ukończenia, język, kanał źródłowy i znaczniki czasu. Zespół sprzedaży i marketingu może analizować porzucenie wg kroku i urządzenia oraz stale optymalizować copy lub przepływ.
  • Jedno skupione pytanie na krok z postępem i designem mobile-first
  • Pełne śledzenie lejka: krok, % ukończenia, język, źródło, znaczniki czasu
  • Analiza porzuceń i roadmapa optymalizacji
Wieloetapowy asystent ofert i śledzenie lejka
Wielojęzyczne UX i architektura i18n

Wielojęzyczne UX i architektura i18n

Platforma obsługuje siedem języków: angielski (domyślny), portugalski, hiszpański, francuski, niemiecki, niderlandzki i włoski. Wybraliśmy prawdziwą lokalizację zamiast prostego tłumaczenia tekstu. Pełne routowanie językowe, przetłumaczone URL-e (np. /nl/zonnepanelen, /pt/painel-solar, /fr/panneaux-solaires), zlokalizowana indeksacja SEO oraz automatyczne canonical i hreflang pozwalają każdemu rynkowi rankować niezależnie bez duplikacji. Implementacja Laravel obejmuje middleware locale, mapowanie slugów na trasę, helpery tłumaczeń, tłumaczenia plikowe i treści edytowalne w panelu—z architekturą gotową na przyszłe i18n oparte na bazie danych.
  • Siedem języków z pełnym routowaniem językowym i przetłumaczonymi URL-ami
  • Automatyczne canonical i hreflang dla niezależnej indeksacji rynków
  • Middleware locale i mapowanie slugów Laravel; gotowe na i18n w DB

System SEO i wydajność

SEO on-page jest napędzane strukturą semantyczną, treścią pod intencję wyszukiwania i klastrami linków wewnętrznych. SEO techniczne obejmuje logikę canonical per locale, automatykę hreflang, mapy XML per locale i dane strukturalne: Organization, LocalBusiness, FAQ i Breadcrumb. Wydajność i dostępność były nie do negocjacji: preconnect, cache po stronie serwera, GZIP, responsywne rozmiary obrazów, semantyczny HTML i etykiety ARIA. Metryki docelowe to wydajność mobilna ok. 75–80 i dostępność powyżej 95.
  • Dane strukturalne i mapy per locale dla międzynarodowego SEO
  • Wydajność: cache, kompresja, responsywne obrazy, semantyczny HTML
  • Cele dostępności 95+ z ARIA i semantycznym znacznikami
System SEO i wydajność
Niestandardowe CMS dla skalowalnego wzrostu

Niestandardowe CMS dla skalowalnego wzrostu

Niestandardowe CMS w Laravel daje zespołowi pełną kontrolę: strony i buildery landingów, zarządzanie blogiem i projektami, recenzje klientów, zarządzanie tłumaczeniami, panel zgłoszeń leadów, analityka lejka oraz role i uprawnienia. Marketing może tworzyć i aktualizować treści, publikować w wielu językach i analizować dane lejka i konwersji bez zależności od developerów. Ta autonomia była kluczowym celem biznesowym—przekształcenie strony w skalowalny produkt treściowy rosnący z europejską ekspansją firmy.
  • Strony, blog, projekty, recenzje i zarządzanie tłumaczeniami w jednym CMS
  • Zgłoszenia leadów i analityka lejka wbudowane w panel
  • Role i uprawnienia dla bezpiecznych, skalowalnych operacji na treściach

Rezultat

Voltaicos ewoluował z prostej strony w wielojęzyczną platformę pozyskiwania, silnik wzrostu SEO i zoptymalizowany pod konwersję system UX. Te filary definiują to, co dostarczyliśmy.

7 Języki
7-Step Przepływ ofert w 7 krokach
75–80 Wydajność mobilna
95+ Dostępność

Technologie i Narzędzia

Laravel 12 API Formularzy Stateless Automatyzacja SEO Middleware i18n Niestandardowy CMS Dane Strukturalne

Wyniki Projektu

7
Języki
7 Kroków
Asystent Wyceny
75–80
Wydajność Mobilna
95+
Dostępność

Galeria Projektu