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.
Table of Contents
- 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!