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

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
Wielojęzyczne UX i architektura i18n
System SEO i wydajność

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
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

On-page SEO is driven by semantic structure, search-intent content, and internal linking clusters. Technical SEO includes canonical logic per locale, hreflang automation, locale-specific XML sitemaps, and structured data: Organization, LocalBusiness, FAQ, and Breadcrumb. Performance and accessibility were non-negotiable: preconnect hints, server-side caching, GZIP, responsive image sizing, semantic HTML, and ARIA labels. Target metrics are mobile performance around 75–80 and accessibility above 95. We documented a continuous UX and performance iteration roadmap so the team can keep improving quote completion, drop-off by step, conversion by device, and SEO growth per language.
  • Structured data and locale-specific sitemaps for international SEO
  • Performance: caching, compression, responsive images, semantic HTML
  • Accessibility targets 95+ with ARIA and semantic markup
Rezultat
Custom CMS for scalable growth

Custom CMS for scalable growth

A custom CMS built in Laravel gives the team full control: pages and landing builders, blog and projects management, customer reviews, translation management, lead submissions dashboard, funnel analytics, and user roles and permissions. Marketing can create and update content, publish in multiple languages, and analyse funnel and conversion data without depending on developers. This autonomy was a core business objective—turning the site into a scalable content product that can grow with the company's European expansion.
  • Pages, blog, projects, reviews, and translation management in one CMS
  • Lead submissions and funnel analytics built into the admin
  • Roles and permissions for safe, scalable content operations

Outcome

Voltaicos evolved from a basic website into a multilingual acquisition platform, an SEO growth engine, and a conversion-optimised UX system. These pillars define what we delivered.

7 Języki
7-Step Przepływ wyceny
75–80 Wyd. mob.
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

Przeglądaj stronę

Udowodnione wyniki które Napędzają wzrost.

Explore our work and services — we'll be in touch within 24 hours.

Vovó Que Fez
Tożsamość marki • branding • naming • media społecznościowe

Vovó Que Fez

Kompletne studium przypadku tożsamości marki i namingu dla rzemieślniczej marki spożywczej vovó que fez. strategiczny branding łączy tradycję i nowoczesność, tworząc emocjonalne połączenia i różnicowanie rynkowe.

Rede Norte Energia
Tworzenie stron

Rede Norte Energia

Przeprojektowanie obecności cyfrowej rede norte energia, aby pozycjonować firmę jako lidera w sektorze energetycznym z nowoczesnym UX/UI, ulepszoną architekturą informacji i strategiczną prezentacją treści.

MeuVer
Kreacja marki • strategia marki • rozwój e-commerce

MeuVer

Kompletne tworzenie tożsamości marki i platformy e-commerce dla marki detalicznej optycznej meu ver, pozycjonującej je jako wiarygodnego, skoncentrowanego na jakości optyka, różnicującego ich od konkurentów.

Demace Mobiliário Personalizável
E-commerce

Demace Mobiliário Personalizável

Demace to firma specjalizująca się w wysokiej jakości meblach i dekoracjach na zamówienie. była na rynku od lat, ale była nowa w sprzedaży cyfrowej i nie miała silnej obecności w internecie. potrzebowała zespołu rozwoju e-commerce, który będzie z nią pracował przez cały proces—od badania i designu po wdrożenie—aby stworzyć układ prezentujący nie tylko produkty, ale też dekorację i usługi projektowania wnętrz.

Albufeira Clube de Ténis
Ux design • web design • rozwój stron

Albufeira Clube de Ténis

Tennis club albufeira to obiekt tenisowy premium w jednej z głównych destynacji turystycznych portugalii. projekt dostarczył wielojęzyczną stronę ukierunkowaną na konwersję: więcej rezerwacji kortów, zapytań o lekcje tenisa i pozycjonowanie klubu jako referencji dla gości lokalnych i międzynarodowych. platforma została zaprojektowana jako narzędzie wzrostu—zoptymalizowana pod widoczność, użyteczność i podejmowanie decyzji.

Café do Luka's
Design opakowań

Café do Luka's

Kompletne projektowanie opakowań i tożsamości marki dla marki kawy specjalistycznej café do lukaqs, tworzące funkcjonalne opakowania, które chronią produkty i tworzą niezapomniane doświadczenia marki.