Redesign architektury informacji i wyraźny kierunek B2B
Fundacja IGTSF to polska organizacja non-profit działająca na styku biznesu, edukacji i technologii w obszarze ESG. Jej platforma miała łączyć trzy ścieżki działań: edukację, certyfikację i współpracę z firmami wdrażającymi zielone technologie. W praktyce jednak serwis pełnił głównie funkcję informacyjną – z niejasną strukturą, trudną nawigacją i brakiem oferty skierowanej do partnerów B2B.
Już na etapie analizy zidentyfikowałam kluczowy problem: użytkownicy nie rozumieli, czym IGTSF realnie się zajmuje ani jak mogą dołączyć do jej działań, a firmy nie znajdowały jasnej ścieżki rozpoczęcia współpracy.
Brief zakładał stworzenie platformy „budującej społeczność wokół treści ekologicznych”, jednak analiza konkurencji oraz potrzeby użytkowników pokazały, że to brak spójnej architektury informacji i brak oferty dla firm stanowiły główną barierę rozwoju. Na tej podstawie zaproponowałam zmianę kierunku – z narracji edukacyjnej na czytelne ścieżki użytkowników i wyraźny kierunek B2B.
Hipoteza projektowa
Jeśli uprościmy strukturę i jasno przedstawimy ścieżki współpracy, zmniejszymy obciążenie poznawcze – co powinno przełożyć się na większą liczbę kliknięć w kluczowe CTA oraz wzrost zapytań biznesowych.
Zakres pracy i rola
Projekt rozpoczął się podczas Maratonu Speak In UX w Gdyni, gdzie w 7-osobowym zespole opracowaliśmy nową architekturę informacji i koncepcję kluczowych ekranów.
Moje obszary odpowiedzialności obejmowały:
- analizę problemu i identyfikację barier biznesowych,
- research konkurencji i opracowanie sekcji „korzyści dla firm”,
- stworzenie koncepcji trzech kafelków kierujących do głównych ścieżek,
- redesign sekcji hero,
- zaprojektowanie landing page dla segmentu B2B,
- optymalizację treści i struktury pod kątem konwersji.
Po wydarzeniu kontynuowałam prace samodzielnie.
Dziś efekty tych prac są stopniowo wdrażane na stronie igtsf.com.
Nawigacja po projekcie
Rozwiń, aby zobaczyć wszystkie etapy pracy.
Spis treści
- Redesign architektury informacji i wyraźny kierunek B2B
- Nawigacja po projekcie
- Faza I: Kontekst i Empatia
- Faza II: Definiowanie i Analiza
- Faza III: Ideacja i Koncepcja
- Faza IV: Prototyp
- Faza V: Wnioski i dalszy rozwój projektu
Faza I: Kontekst i Empatia
Kontekst Rynkowy i Biznesowy
W ostatnich latach Unia Europejska systematycznie zaostrza przepisy dotyczące zrównoważonego rozwoju. Oznacza to wzrost zapotrzebowania na:
- rzetelną edukację ekologiczną,
- zrozumiały proces certyfikacji,
- partnerów pomagających we wdrażaniu standardów ESG.
Dla organizacji takich jak IGTSF to realna szansa na rozwój – pod warunkiem, że użytkownicy od początku rozumieją, jaką wartość oferuje Fundacja i co mogą zrobić dalej.
Wyzwanie IGTSF
IGTSF potrzebowała strony, która:
- wspiera działania edukacyjne (dla osób prywatnych),
- prezentuje ofertę współpracy (dla firm),
- umożliwia proste dołączenie do inicjatyw społecznych.
Problem polegał jednak na tym, że wcześniejsza strona traktowała wszystkich użytkowników „jednym komunikatem”, bez jasnego wskazania, dla kogo są konkretne treści i jak przejść dalej.
Bez jasnych ścieżek użytkownicy:
- nie wiedzieli, czym IGTSF realnie się zajmuje,
- nie znajdowali treści dopasowanych do swoich potrzeb,
- opuszczali stronę bez wykonania jakiejkolwiek akcji.
W konsekwencji, strona nie motywowała do żadnych konkretnych działań, gubiła potencjał komunikacyjny i konwersyjny.
Problem i Cel Projektu
Podczas Maratonu Speak In UX postawiliśmy sobie pytanie:
Jak uprościć komunikację Fundacji, aby użytkownicy w kilka sekund rozumieli jej misję i wiedzieli, co mogą zrobić dalej – niezależnie od tego, do której grupy należą?
Zidentyfikowaliśmy główny problem:
Brak spójnej architektury informacji i dopasowanych ścieżek użytkownika powodował niską skuteczność strony jako narzędzia pozyskiwania partnerów, edukowania odbiorców i budowania współpracy B2B.
W odpowiedzi na te wyzwania wyznaczyliśmy trzy kluczowe cele projektu:
- Uporządkować strukturę serwisu – tak, aby każdy użytkownik natychmiast trafiał do treści dopasowanych do jego potrzeb.
- Zwiększyć czytelność komunikacji i skrócić ścieżkę do działania – poprzez jasne CTA, logiczny flow i przejrzyste sekcje informacyjne.
- Zbudować podstawy pod dalszy rozwój platformy – stworzyć architekturę, którą w przyszłości można skalować o nowe funkcje i inicjatywy.
Podsumowanie Fazy I:
Zrozumienie kontekstu biznesowego i potrzeb różnych grup użytkowników pozwoliło nam dostrzec, że kluczowym wyzwaniem IGTSF nie jest tworzenie treści, lecz umożliwienie użytkownikom szybkiego odnalezienia informacji i wykonania kolejnych kroków.
Aby określić, co dokładnie blokuje ich na obecnej stronie oraz jak zaprojektować skuteczne ścieżki użytkownika, potrzebowaliśmy przejść do głębszej analizy.
To doprowadziło nas do Fazy II — Definiowania i Analizy, w której zbadaliśmy użytkowników, ich potrzeby, bariery oraz realne problemy UX poprzedniej wersji serwisu.
Faza II: Definiowanie i Analiza
Analiza briefu i redefinicja kierunku projektu
Punktem wyjścia było zaprojektowanie doświadczenia użytkownika platformy IGTSF w taki sposób, aby wokół treści o ekologicznych rozwiązaniach tworzyła się zaangażowana społeczność.
Po analizie odkryliśmy jednak, że pierwotny kierunek skupiał się głównie na inspiracji i edukacji, podczas gdy kluczowym wyzwaniem była nieczytelna architektura informacji i brak jasnej oferty dla partnerów komercyjnych.
Dlatego wspólnie z zespołem zdecydowaliśmy się nie przyjąć briefu za pewnik!
Przesunęliśmy focus projektu z samej komunikacji wizerunkowej na relację Fundacji z klientami biznesowymi, pamiętając jednak o edukacyjnym charakterze marki.
Ta decyzja okazała się kluczowa, ponieważ pozwoliła nam spojrzeć na stronę, jak na narzędzie strategiczne – wspierające budowę relacji B2B, pozyskiwanie partnerów oraz realne finansowanie działań Fundacji.
Badania i analiza użytkowników
Aby lepiej zrozumieć potrzeby odbiorców Fundacji, przeprowadziliśmy warsztat w Miro, podczas którego zmapowaliśmy cztery grupy użytkowników:
osoby indywidualne, firmy potrzebujące certyfikacji ESG, wolontariuszy oraz partnerów komercyjnych.
Dla każdej grupy określiliśmy cele, motywacje, bariery i oczekiwania wobec strony, co pozwoliło nam zidentyfikować najważniejszy segment – firmy B2B.
To właśnie ta grupa miała najwięcej zadań do wykonania na platformie (znalezienie informacji o procesie certyfikacji, kontakt, pobranie materiałów, złożenie wniosku).
Dlatego to na niej skoncentrowaliśmy dalsze prace projektowe, projektując uproszczoną ścieżkę użytkownika, jasne CTA i lepszą komunikację wartości certyfikacji ESG.
Kluczowy insight:
Odkryliśmy, że największy potencjał konwersji leży w grupie B2B – wymagała ona najbardziej logicznej struktury i najmniejszego obciążenia poznawczego, by przejść od informacji do działania.
Identyfikacja problemów UX
Po analizie obecnej wersji strony IGTSF zauważyliśmy, że mimo bogatej treści i ambitnej misji, serwis nie zachęcał potencjalnych partnerów i firm do certyfikacji ESG, czyli głównego źródła utrzymania Fundacji.
W praktyce oznaczało to, że strona pełniła funkcję wizytówki wizerunkowej, a nie narzędzia konwersji. Zawierała liczne informacje o misji, wizji i zespole, jednak brakowało wyraźnych ścieżek dla użytkowników, którzy chcieliby coś zrobić – skontaktować się, wypełnić formularz, uzyskać ofertę lub przekazać wsparcie.
Zdiagnozowane problemy:
Nadmierna ilość treści i brak czytelnej hierarchii wizualnej
Długa stopka, rozbudowane FAQ i duże bloki tekstu powodowały przeciążenie poznawcze.
→ Użytkownicy mieli trudność z odnalezieniem kluczowych informacji, a strona była nieczytelna w wersji mobilnej.
Złożony i rozproszony proces wsparcia finansowego
Różne formy darowizny pojawiały się w kilku miejscach z odmiennymi komunikatami, metodami płatności i layoutami.
→ To powodowało chaos i utratę użytkowników na etapie decyzji o wsparciu.
Brak spójności językowej i dostępności w wersjach PL/EN
Różnice w strukturze treści między wersjami językowymi utrudniały nawigację.
→ Brak spójności wpływał negatywnie na wizerunek marki i zaufanie.
Problemy techniczne i optymalizacyjne
Błędy w alt-textach, niedziałające przyciski czy słabe SEO nie były głównym celem projektu, ale utrudniały dostępność i widoczność strony.
Analiza konkurencji
W celu określenia pozycji IGTSF na rynku ESG przeprowadziliśmy analizę trzech platform – lokalnej (EkoBiznes Polska) i dwóch globalnych (SGS oraz Synesgy / CRIF Group). Każda z nich reprezentowała inny poziom formalności i dojrzałości procesu certyfikacji ESG.
W pierwszej kolejności zbadaliśmy ich strukturę, komunikację i doświadczenie użytkownika, aby zidentyfikować najlepsze praktyki oraz luki, które IGTSF może wykorzystać.
Najważniejsze obserwacje:
- EkoBiznes Polska – prosty język i czytelna komunikacja, ale niski poziom wiarygodności i brak realnego procesu certyfikacji.
- SGS – wysoka formalność i zaufanie, ale zbyt techniczny ton oraz mała dostępność dla MŚP.
- Synesgy – nowoczesna platforma cyfrowa, choć z ograniczonym kontekstem lokalnym i uproszczonym procesem.
Wnioski i kierunek dla IGTSF:
W rezultacie określiliśmy cztery główne kierunki działania dla IGTSF:
- Połączyć przystępność komunikacji (EkoBiznes) z wiarygodnością i formalnością (SGS).
- Skorzystać z modelu cyfrowego i samooceny (Synesgy), dostosowując go do potrzeb polskich firm MŚP.
- Wzmocnić warstwę UX i języka korzyści – pokazać proces certyfikacji w 3 krokach, jasno opisać efekty biznesowe.
- Skoncentrować komunikację wokół segmentu B2B – kluczowego dla rozwoju i utrzymania Fundacji.
Podsumowując, rynek ESG w Polsce jest na etapie edukacji. Z tego powodu IGTSF może wypełnić lukę, oferując przejrzysty, cyfrowy i wiarygodny proces certyfikacji ESG dla firm, które dopiero zaczynają transformację w kierunku zrównoważonego rozwoju.
POV (Point Of View) & HMW (How Might We…?)
Na podstawie analizy użytkowników i konkurencji sformułowaliśmy jasny punkt widzenia oraz pytania projektowe, które stały się fundamentem dalszej ideacji:
Właściciele firm potrzebują jasnego i wiarygodnego przewodnika po certyfikacji ESG, który w kilku krokach doprowadzi ich do kontaktu z zespołem IGTSF.
Dlatego zapytaliśmy:
- Jak możemy sprawić, by firmy w kilka sekund rozpoznały, że IGTSF to zaufany partner w zakresie ESG, a nie kolejny portal informacyjny?
- Jak możemy przedstawić proces certyfikacji w sposób prosty i konkretny, aby zredukować poczucie złożoności i zachęcić do pierwszego kontaktu?
- Jak możemy wzmocnić wrażenie profesjonalizmu i przejrzystości, skracając jednocześnie drogę od zainteresowania do działania (np. wysłania zapytania)?
Faza III: Ideacja i Koncepcja
Kierunek ideacyjny: od wizerunku do działania
Postanowiliśmy przesunąć środek ciężkości z komunikacji misyjnej na użytkową i konwersyjną.
Celem ideacji było stworzenie koncepcji, która:
- uporządkuje treści wokół potrzeb trzech głównych segmentów użytkowników (firmy, osoby prywatne, partnerzy),
- skróci ścieżkę do działania – kontaktu, zgłoszenia lub wsparcia,
- wzmocni wiarygodność Fundacji poprzez jasne przedstawienie procesu certyfikacji ESG i jego korzyści.
Następnie, podczas warsztatów w Miro opracowaliśmy kilka koncepcji low-fi, koncentrując się na:
- prostym menu, które od razu sugeruje typ użytkownika,
- hero section z trzema ścieżkami wyboru,
- sekcji ukazującej proces certyfikacji dla firm,
- wyraźnych CTA prowadzących do formularzy lub kontaktu,
- ograniczeniu długości strony głównej i uproszczeniu nawigacji.
Nowa architektura informacji – koncepcja funkcjonalna
W wyniku burzy mózgów i dalszych analiz opracowaliśmy nową strukturę serwisu, opartą na prostym, pięciopunktowym menu:
- Dla firm – opis procesu certyfikacji ESG, korzyści, FAQ, formularz kontaktowy.
- Współpraca – informacje o partnerstwach, wolontariacie i projektach CSR.
- Ekopedia – sekcja edukacyjna z artykułami, poradnikami i bazą wiedzy.
- Wspieraj – szybkie formy wsparcia.
- Kontakt – prosty formularz i dane kontaktowe Fundacji.
Kluczowe decyzje projektowe
Na etapie ideacji podjęliśmy kilka decyzji, które miały realnie wpłynąć na użyteczność i skuteczność strony:
- Segmentacja już w hero section – użytkownik od razu wybiera, kim jest (firma / osoba / partner).
- Zastąpienie ogólnych przycisków typu „Dowiedz się więcej” działaniami (CTA):
„Umów rozmowę”, „Wyślij zapytanie”, „Dołącz do partnerów”, „Wesprzyj teraz”. - Pokazanie procesu ESG w 3 prostych krokach – bez technicznego języka, z naciskiem na „co zyskuje firma”.
- Uproszczenie stopki i skrócenie FAQ, by nie dublować informacji.
- Przywrócenie spójności językowej i strukturalnej – polska i angielska wersja serwisu muszą mieć identyczny układ.
Faza IV: Prototyp
W tej fazie opracowaliśmy dwa powiązane ze sobą prototypy:
- Główny landing page IGTSF – punkt wejścia dla wszystkich grup użytkowników, łączący misję edukacyjną z działaniami konwersyjnymi.
- Landing page B2B – Certyfikat Green Minutes – dedykowany firmom zainteresowanym certyfikacją ESG.
Oba projekty powstały w Figmie jako część jednej, spójnej architektury informacji.
W efekcie strona Fundacji zyskała nie tylko nową strukturę, ale także jasno zdefiniowaną rolę jako narzędzie współpracy i konwersji.
Główny landing page IGTSF – strona dla wszystkich grup użytkowników
Cel: Zbudować jeden, czytelny punkt startowy dla wszystkich odbiorców – firm, osób indywidualnych, wolontariuszy i partnerów. Strona ma równocześnie edukować (Ekopedia), angażować (Współpraca) i konwertować (Dla firm, Wspieraj).
Menu
Cel: Zaprojektowanie przejrzystej struktury menu, która eliminuje niejednoznaczne i konkurujące ze sobą CTA z pierwszej wersji nawigacji, jasno rozdziela różne grupy użytkowników (firmy, partnerów, wolontariuszy, media) i skraca drogę do kluczowych działań biznesowych.
Efekt:
- Dodaliśmy trzy kluczowe pozycje: „Dla firm”, „Współpraca” i „Kontakt”.
- Zostawiliśmy sekcje „Ekopedia”, „O nas”. Taki układ pozwala użytkownikom szybko zidentyfikować właściwą ścieżkę.
- Po maratonie – zdefiniowałam jedno, nadrzędne CTA: „Rozpocznij współpracę”, które obniża barierę wejścia i bezpośrednio prowadzi do formularza kontaktowego, w którym użytkownik samodzielnie może określić kontekst kontaktu. Formularz posiada kategorie dla:
- firm – certyfikacja ESG,
- firm – partnerstwo / media,
- wolontariuszy.
Hero z trzema ścieżkami („Dla firm”, „Ekopedia”, „Współpraca”)
Cel: Skrócić czas potrzebny na odnalezienie właściwych informacji i zmniejszyć ryzyko zagubienia w strukturze strony.
Efekt:
- Stworzyliśmy trzy wyraźne kafelki, które pozwalają użytkownikom natychmiast rozpocząć odpowiednią ścieżkę – dla firm, współpracy lub wiedzy.
- W rezultacie sekcja hero zyskała funkcję nawigacyjną, nie tylko wizualną, stając się intuicyjnym punktem startowym dla wszystkich grup odbiorców i skracając drogę do rozpoczęcia współpracy.
Moje decyzje projektowe:
Po maratonie przeprowadziłam własną iterację sekcji hero, skupiając się na uproszczeniu treści, poprawie hierarchii i zwiększeniu czytelności.
- Zastąpiłam wcześniejszy, deklaratywny tekst jasnym komunikatem, który w kilka sekund pokazuje, czym zajmuje się Fundacja.
- Usunęłam powtórzenia (np. „i… i…”), aby poprawić rytm zdania i zwiększyć skanowalność. To zmniejszyło cognitive load, co jest kluczowe w projektowaniu sekcji hero.
- Skróciłam nagłówki, aby były bardziej konkretne i czytelne. Poprawiło to nie tylko UI, ale również semantyczną logikę treści.
- Zastosowałam wyraźną hierarchię CTA:
- globalne CTA „Rozpocznij współpracę” inicjuje proces i prowadzi do formularza z wyborem ścieżki,
- lokalne CTA w kaflach wspierają eksplorację poszczególnych obszarów.
Dzięki wyraźniejszej hierarchii treści użytkownik jest w stanie zrozumieć cel strony w ciągu pierwszych 5 sekund (zasada „5-second rule”). W rezultacie sekcja stała się bardziej skanowalna, czytelna i jednoznacznie prezentuje, co oferuje Fundacja.
Sekcja „Korzyści”
Cel: Zastąpić długie opisy misji, wizji i informacji o założycielach Fundacji sekcją, która odpowiada na pytanie użytkownika: „Co ja z tego mam?” w prosty i zrozumiały sposób.
Efekt:
- Dodaliśmy sekcję „Korzyści”, która w kilku punktach prezentuje konkretne wartości i efekty współpracy z IGTSF – niezależnie od tego, czy jest osobą prywatną, firmą, czy partnerem instytucjonalnym. Efekt? Komunikacja jest bardziej użytkowa i zorientowana na działanie.
Uproszczenie sekcji „Wspieraj”
Cel: Uproszczenie ścieżki darczyńcy i połączenie wszystkich form pomocy w jeden, spójny moduł, który jasno komunikuje możliwe formy pomocy i zachęca do działania. W kontekście całego UX redesignu platformy internetowej było to kluczowe, ponieważ sekcja ta wcześniej generowała duży chaos informacyjny.
Efekt:
- W rezultacie przeprowadzonych zmian w architekturze informacji, połączyliśmy wszystkie formy wsparcia w jeden przejrzysty moduł „Wspieraj”, w którym użytkownik od razu może wybrać preferowany sposób pomocy.
- Usunęliśmy zbędne opisy i buttony, co pozwoliło stworzyć spójny, intuicyjny interfejs.
- Sekcja stała się bardziej przyjazna. Co istotne, poprawiło to również mobilną ścieżkę użytkownika, która wcześniej była jednym z głównych punktów frustracji.
Uproszczenie stopki
Cel: Uproszczenie i uporządkowanie stopki, tak aby stała się czytelnym punktem dostępu do kluczowych informacji i kontaktu. W pierwotnej wersji strony stopka zawierała za dużo tekstu, a w wersji mobilnej zajmowała nawet połowę ekranu. Był to dla nas szczególnie ważny element, ponieważ stopka pełni rolę drugiego menu nawigacyjnego.
Efekt:
- Skróciliśmy stopkę i podzieliliśmy na cztery logiczne sekcje:
- Dla firm – link do strony certyfikacji ESG,
- Wspieraj – odnośnik do modułu darowizn i 1,5%,
- Ważne linki – skrócone menu nawigacyjne,
- Kontakt – dane adresowe, e-mail i numer telefonu.
- Wprowadziliśmy także możliwość zapisu do newslettera.
- Usunęliśmy zbędne informacje oraz podgląd mapy Google.
Podsumowanie redesignu głównego landing page’a
Redesign landing page’a IGTSF uporządkował strukturę treści, skrócił ścieżki użytkowników i poprawił przejrzystość komunikacji – przy zachowaniu misyjnego charakteru Fundacji.
Pozostałe zmiany i decyzje projektowe
Sekcja artykułów (Ekopedia)
Ograniczona do trzech podglądowych artykułów i przesunięta niżej, aby nie konkurowała z treściami o większym priorytecie.
Slider „Partnerzy i członkowie”
Pozostawiony jako ważny element budujący zaufanie społeczności i wspierający wiarygodność całej platformy, co jest kluczowe w usługach związanych z ESG.
Dodano CTA „Zostań naszym partnerem”, aby przekształcić sekcję w funkcjonalny punkt konwersji.
Optymalizacja długości strony
Strona została skrócona i uproszczona – użytkownik szybciej dociera do kluczowych informacji, niezależnie od urządzenia.
Równowaga między misją a działaniem
Każda grupa użytkowników (firmy, wolontariusze, osoby szukające wiedzy) otrzymała jasną ścieżkę wejścia już w sekcji hero.
Efekt końcowy
Podsumowując wyniki całego UX redesignu platformy internetowej IGTSF, nowy landing page jest czytelniejszy, bardziej angażujący i lepiej prowadzi użytkownika.
W pierwszych 5 sekundach jasno komunikuje:
- czym zajmuje się Fundacja,
- do kogo kieruje swoją ofertę,
- jakie działania można podjąć w kilku kliknięciach.
Landing page B2B
IGTS Foundation oferuje usługę certyfikacji „Green Minutes”, jednak:
- oferta nie była opisana nigdzie na stronie,
- nie istniał dedykowany landing page,
- większość leadów była pozyskiwana wyłącznie poprzez sprzedaż bezpośrednią (rozmowy, networking).
Zidentyfikowałam więc krytyczną lukę:
Brak strony opisującej usługę certyfikacji, jej korzyści i proces powodował niską konwersję z ruchu organicznego i brak możliwości skalowania pozyskiwania klientów online.
Celem było stworzenie od podstaw skutecznego landing page’a, który będzie edukował, budował zaufanie i kierował użytkownika do wypełnienia formularza wyceny.
Cele projektu
Aby stworzyć skuteczny landing page dla certyfikacji ESG, określiłam dwa zestawy celów – biznesowe i użytkowe. Ich precyzyjne zdefiniowanie było niezbędne do zaprojektowania struktury i ścieżek użytkownika.
Cele biznesowe:
- umożliwić pozyskiwanie leadów online,
- zmniejszyć zależność od sprzedaży bezpośredniej,
- umożliwić skalowanie certyfikacji ESG wśród MŚP,
- poprawić profesjonalny wizerunek usługi.
Cele UX / użytkownika:
- zrozumieć, czym jest certyfikacja ESG i dlaczego jest potrzebna,
- poznać korzyści biznesowe,
- zobaczyć, jak wygląda proces,
- dowiedzieć się, co otrzyma po zakończeniu certyfikacji,
- uzyskać odpowiedzi na najważniejsze pytania,
- łatwo poprosić o wycenę.
Metody i analiza
Aby zrozumieć, jak stworzyć skuteczny landing page, wykonałam:
Analizę aktualnego customer journey, co pozwoliło odkryć, że użytkownik nie ma żadnego miejsca na stronie, które odpowiadałoby na pytania o certyfikację. Nawet jeśli był zainteresowany – nie istniała droga, by pozyskać informacje.
Analizę konkurencji i standardów B2B, by sprawdzić jak o certyfikacjach komunikują inne podmioty.
Analizę grupy docelowej (właściciele i managerowie MŚP), dzięki czemu powstała poniższa lista potrzeb:
- szybkie zrozumienie korzyści,
- przejrzysty proces,
- informacja o kosztach i czasie,
- zaufanie.
Struktura nowego Landing Page’a
Stworzyłam jasną, liniową ścieżkę, która prowadzi użytkownika od zrozumienia oferty do wypełnienia formularza.
Hero oraz sekcja „Dlaczego certyfikacja jest istotna dla Twojej firmy?”
Decyzja projektowa: Hero jest minimalistyczne, pozbawione marketingowych obietnic, aby budować wiarygodność. Motywatory ułożone od najbardziej finansowych do najbardziej wizerunkowych – zgodnie z faktycznym procesem decyzyjnym MŚP.
Proces certyfikacji w 3 krokach
Decyzja projektowa: Firmy rozważające certyfikację ESG mogą obawiać się złożoności procedur. Aby zmniejszyć barierę wejścia, przygotowałam prostą, czytelną wizualizację procesu: od złożenia wniosku, przez weryfikację, aż po otrzymanie certyfikatu. Użytkownik musi poczuć, że jest to łatwe, przewidywalne i szybkie.
Twój Certyfikat Green Minutes
Decyzja projektowa: Stworzyłam sekcję „Twój Certyfikat Green Minutes”, by w czytelny sposób przedstawić komplet danych, jakie otrzymuje firma po zakończeniu procesu weryfikacji. Lista korzyści została sformułowana językiem jednoznacznym i zrozumiałym nawet dla osób, które nie mają doświadczenia w standardach ESG.
Wizualizacja certyfikatu umieszczona po prawej stronie pełni funkcję potwierdzenia autentyczności i profesjonalizmu, a moment, w którym użytkownik „widzi produkt”, znacząco zwiększa zaufanie i zmniejsza psychologiczną barierę kontaktu.
FAQ i formularz kontaktowy
Decyzja projektowa: FAQ odpowiada odpowiada na kluczowe pytania użytkowników i redukuje niepewność na wczesnym etapie. Układ akordeonowy zwiększa czytelność, minimalizuje przeciążenie informacyjne i pozwala użytkownikowi skupić się na tym, co najważniejsze.
W formularzu zastosowałam minimalną liczbę pól (tylko 2 obowiązkowe), co znacząco obniża próg wejścia i zwiększa szanse na konwersję. Dane pokazują, że im mniej pól i CTA o wysokim kontraście, tym większa konwersja w B2B.
Efekt końcowy
Oto pełny interfejs landing page’a dla firm zainteresowanych certyfikacją ESG:
Faza V: Wnioski i dalszy rozwój projektu
Wnioski z procesu
Projekt IGTSF pokazał, że UX redesign platformy internetowej to nie tylko estetyka i użyteczność, ale niekiedy także zmiana sposobu myślenia o komunikacji organizacji.
Początkowo platforma miała koncentrować się na treściach edukacyjnych i inspiracyjnych.
Jednak analiza użytkowników ujawniła, że prawdziwym wyzwaniem Fundacji był brak wyraźnej oferty dla firm, które mogłyby realnie wesprzeć jej działalność w początkowych fazach rozwoju.
Dzięki wspólnej pracy zespołu udało się:
- przejść od strony wizerunkowej do strony strategicznej, wspierającej realne cele Fundacji,
- uporządkować architekturę informacji w oparciu o różne potrzeby odbiorców,
- stworzyć rozwiązania, które łączą wartości edukacyjne z działaniami konwersyjnymi i współpracą B2B.
Projekt pokazał, że UX w sektorze non-profit może stać się narzędziem wzmacniającym strukturę organizacyjną i finansową, a nie tylko wizualną wizytówką.
Kolejne etapy projektu
Na podstawie przeprowadzonych analiz oraz redesignu zidentyfikowałam kolejne obszary, które mogą zostać rozwinięte w następnych etapach projektu, m.in.:
- zaprojektowanie dedykowanych podstron dla partnerów biznesowych i wolontariuszy,
- przeprowadzenie testów z użytkownikami B2B w celu weryfikacji skuteczności CTA i formularzy kontaktowych,
- analiza zachowań użytkowników oraz danych konwersyjnych po wdrożeniu kluczowych zmian,
- dalsze doskonalenie struktury treści w oparciu o dane i obserwacje użytkowników.
Te działania stanowią naturalny kolejny krok w rozwoju platformy i pozwoliłyby przełożyć wprowadzone zmiany UX na mierzalne efekty biznesowe i komunikacyjne.
Wpływ projektu na Fundację
UX redesign platformy internetowej IGTSF znacząco zmienił sposób, w jaki Fundacja komunikuje swoje działania i buduje relacje z otoczeniem.
Strona przestała być wyłącznie miejscem publikacji treści – stała się punktem styku między edukacją, biznesem i społeczeństwem.
Najważniejsze efekty:
- wyraźne ścieżki komunikacji dopasowane do potrzeb firm, partnerów i odbiorców indywidualnych,
- spójniejszy i bardziej profesjonalny wizerunek Fundacji,
- możliwość skalowania działań i pozyskiwania nowych źródeł finansowania,
- wzmocnienie zaufania i wiarygodności w oczach partnerów biznesowych.
Nowa platforma to dziś narzędzie rozwoju, współpracy i finansowego utrzymania misji Fundacji, a nie tylko kanał informacyjny.
Refleksja projektowa
Ten projekt nauczył mnie znacznie więcej niż tylko pracy nad strukturą strony.
Przede wszystkim pokazał, jak ważne jest krytyczne myślenie i odwaga, by nie przyjmować briefu, jako jedynego planu działania.
Zrozumiałam, że priorytetyzacja jest kluczowa – nie da się skutecznie mówić do wszystkich jednocześnie.
Edukowanie jest istotną częścią misji Fundacji, ale samo w sobie nie wystarczy, by zapewnić jej realny rozwój.
Ten maraton udowodnił mi, że zespół potrafi osiągnąć naprawdę wiele w zaledwie trzy dni.
To doświadczenie pokazało, że nawet pod presją czasu można wypracować przemyślane i wartościowe rozwiązania, jeśli w centrum decyzji stawia się użytkownika i wspólny cel 🙂
Dziękuję za lekturę i zachęcam do sprawdzenia mojego drugiego projektu Aplikacji XperiencePoland!