Problemy i potrzeby
- Firma nie posiadała żadnej strony – projekt powstawał od zera
- Wąska grupa docelowa – każdy klient jest na wagę złota
- Potrzeba łatwej i szybkiej rozbudowy strony
- Nowa firma – minimalny dowód społeczny
- ESG to dynamicznie zmieniająca się branża – częste dopasowywanie oferty do potrzeb rynku
Strategia
Kluczowe decyzje projektowe obejmowały:
- Zbudowanie zaufania – dzięki widocznym logotypom i wypowiedziom klientów
- Szybkie zrozumienie oferty – uproszczenie języka, ograniczenie ilości tekstu i zrozumiały układ strony pozwala na swobodne przyswojenie oferowanych usług
- Konwersja – celem jest nawiązanie kontaktu z użytkownikiem poprzez formularz, więc każda kluczowa sekcja kończy się kontrastującym CTA, a copy jest jasne i perswazyjne
UI Design
Typografia: Plus Jakarta Sans – nowoczesna i czytelna
Kolory: Zieleń i fiolet symbolizują ekologię, rozwój oraz eksperckość i nowoczesność
Design system: Zbudowany od zera zgodnie z potrzebami firmy – spójna siatka, komponenty i styl ilustracji
Układ: Przewidywalna struktura z mikrointerakcjami, whitespace i kontrastem akcentów
Optymalizacja konwersji
- Dowód społeczny – wykorzystanie logotypów partnerów i klientów w Hero, blok recenzji z twarzą, nazwiskiem, firmą i cytatem
- CTA – testowane wersje rozmieszczenia, kolorów, ikon i copy
Wdrożenie
Stronę wdrożyłem w całości samodzielnie na platformie WordPress, korzystając z motywu Kadence. Została zaprojektowana tak, aby była w pełni responsywna, oparta o elastyczne komponenty i umożliwiała łatwe rozwijanie treści w przyszłości.
Wyniki
- 70–80% konwersji na Landing Page’ach pod webinary
- Przejście od braku obecności online do pełnej, funkcjonalnej strony w ~2 miesiące
- Strona zoptymalizowana pod kątem szybkości ładowania i SEO
- Elastyczna struktura pozwalająca na łatwe testowanie i modyfikowanie elementów pod CRO
Kolejne kroki
- Dalsze testy CRO komunikacji – sprawdzenie, w jaki sposób prezentacja zakresu i wartości usług wpływa na decyzję o kontakcie
- Wzmocnienie dowodu społecznego wraz z rozwojem firmy – dodanie rekomendacji, case studies i przykładów współpracy w miarę pozyskiwania klientów
Szymon zaczął od dokładnego zrozumienia naszego biznesu, oferty i specyfiki branży ESG, zanim usiedliśmy do projektowania czegokolwiek. Wziął cały proces na siebie – od pierwszych konceptów i szkicu w Figmie, przez wdrożenie i zaplecze techniczne. Nie jest dla nas jednorazowym wykonawcą projektu. To ktoś, kto rozumie nasz biznes i dostosowuje się do tego, czego akurat potrzebujemy, bez konieczności tłumaczenia wszystkiego od nowa. Strona przechodziła sporo zmian po starcie i za każdym razem Szymon był dostępny. Dziś mamy stronę, która wygląda i działa dokładnie tak jak chcieliśmy, i wiem że mogę do niego wrócić gdy coś trzeba zmienić.