Wykonaliśmy

Instytut Kompetencji Przyszłości
Projektowanie przyszłości edukacji w erze cyfrowej

Właściciel sklepu internetowego z ozdobami świątecznymi, zgłosił się do nas w momencie, gdy jego działania marketingowe osiągnęły granicę efektywności.

Prowadzone kampanie Google Ads oraz inwestycje w SEO podczas sezonu przedświątecznego, mimo wysokich wydatków, przestały przynosić znaczący wzrost sprzedaży.

W obliczu stagnacji efektywności budżetu, klient postanowił poszukać alternatywnych rozwiązań i skupić się na poprawie doświadczeń użytkowników (UX) na stronie sklepu.

Kontekst

Naszym celem była analiza oraz optymalizacja kluczowych elementów ścieżki użytkownika, by
zwiększyć konwersje, poprawić zaangażowanie użytkowników i efektywność procesu zakupowego.

Nasze podejście

W świecie, gdzie technologia zmienia się szybciej niż kiedykolwiek wcześniej, a kompetencje jutra są często enigmą dla dzisiejszych profesjonalistów, Instytut Kompetencji Przyszłości (IKP) stanął przed wyzwaniem: jak skutecznie komunikować swoją misję i ofertę w przestrzeni cyfrowej? Nasza agencja podjęła się tego zadania, łącząc najnowsze trendy w designie z głębokim zrozumieniem psychologii użytkownika i celów biznesowych klienta.[Grafika: Zrzut ekranu strony głównej IKP, pokazujący kluczowe elementy designu]

## 1. Analiza i Strategia### Rama teoretyczna: Model Kano i teoria Flow Csíkszentmihályi'egoRozpoczęliśmy od dogłębnej analizy potrzeb użytkowników, wykorzystując Model Kano do kategoryzacji funkcjonalności strony. Jednocześnie, inspirując się teorią Flow Mihály'ego Csíkszentmihályi'ego, dążyliśmy do stworzenia doświadczenia użytkownika, które będzie angażujące i satysfakcjonujące.> Naszym celem było nie tylko spełnienie oczekiwań użytkowników, ale ich przekroczenie, tworząc stronę, która sama w sobie będzie formą edukacji o przyszłości[Grafika: Diagram przedstawiający Model Kano w kontekście projektu IKP]

## 1. Analiza i Strategia### Rama teoretyczna: Model Kano i teoria Flow Csíkszentmihályi'egoRozpoczęliśmy od dogłębnej analizy potrzeb użytkowników, wykorzystując Model Kano do kategoryzacji funkcjonalności strony. Jednocześnie, inspirując się teorią Flow Mihály'ego Csíkszentmihályi'ego, dążyliśmy do stworzenia doświadczenia użytkownika, które będzie angażujące i satysfakcjonujące.> Naszym celem było nie tylko spełnienie oczekiwań użytkowników, ale ich przekroczenie, tworząc stronę, która sama w sobie będzie formą edukacji o przyszłości[Grafika: Diagram przedstawiający Model Kano w kontekście projektu IKP]

### Metodologia: Design Thinking i Jobs To Be DoneWykorzystaliśmy podejście Design Thinking, przeprowadzając serię warsztatów z klientem. Kluczowym elementem było zrozumienie "Jobs To Be Done" - jakie zadania użytkownicy chcą "wykonać" odwiedzając stronę IKP?1. Empatyzacja: Przeprowadziliśmy wywiady z potencjalnymi klientami IKP.2. Definiowanie: Stworzyliśmy persony użytkowników i mapy ich podróży.3. Ideacja: Wykorzystaliśmy techniki burzy mózgów i szybkiego prototypowania.4. Prototypowanie: Stworzyliśmy interaktywne makiety w narzędziu Figma.5. Testowanie: Przeprowadziliśmy testy użyteczności z reprezentatywną grupą użytkowników.[Grafika: Zdjęcie z warsztatów Design Thinking z zespołem IKP]

## 2. Projektowanie UX/UI### Sekcja "Above the Fold": Maksymalizacja pierwszego wrażenia#### Teoria: Psychologia percepcji wizualnejProjektując sekcję "above the fold", oparliśmy się na badaniach z zakresu psychologii percepcji wizualnej, w szczególności na pracach Gestalt. Wykorzystaliśmy zasady bliskości, podobieństwa i ciągłości, aby stworzyć intuicyjny i przyciągający wzrok layout.> "Chcieliśmy, aby użytkownik w ciągu pierwszych 3 sekund zrozumiał, czym zajmuje się IKP i jaką wartość może mu dostarczyć" - wyjaśnia lead designer projektu.[Grafika: Analiza sekcji "above the fold" z zaznaczonymi kluczowymi elementami designu]#### Implementacja:- Asymetryczny układ z diagonalnym podziałem: Inspirowany zasadą złotego podziału, przyciąga wzrok i kieruje go na kluczowe elementy.- Duże, odważne typografie: Wykorzystanie fontu sans-serif w dużym rozmiarze dla głównego hasła "Rozwijaj z nami umiejętności nowej ery" natychmiast komunikuje misję IKP.- Ciemny motyw (dark mode): Nie tylko modny, ale również redukujący zmęczenie oczu, co jest istotne dla platformy edukacyjnej.### Hierarchia wizualna i cele biznesowe#### Teoria: Heurystyki Nielsena i psychologia kolorówProjektując hierarchię elementów na stronie, kierowaliśmy się heurystykami użyteczności Jakoba Nielsena, w szczególności zasadą "widoczności statusu systemu" i "zgodności między systemem a rzeczywistym światem". Dodatkowo, wykorzystaliśmy psychologię kolorów do wzmocnienia przekazu.[Grafika: Paleta kolorów użyta w projekcie z wyjaśnieniem psychologicznego znaczenia każdego koloru]#### Implementacja:1. "BEZPŁATNA konsultacja" (żółty, najbardziej wyróżniony): Kolor żółty symbolizuje optymizm i jasność, idealnie pasując do oferty bezpłatnej konsultacji.2. "Zapytaj o szkolenia" (niebieski): Niebieski, kojarzony z zaufaniem i profesjonalizmem, kieruje do głównej oferty IKP.3. "Czego uczymy?" (outline): Subtelne, ale widoczne CTA dla użytkowników chcących więcej informacji.

## 3. Rozwój kluczowych sekcji### Sekcja "Rozwijamy kluczowe kompetencje przyszłości"#### Teoria: Teoria Hierarchii Potrzeb Maslowa w kontekście edukacjiProjektując tę sekcję, inspirowaliśmy się Hierarchią Potrzeb Maslowa, adaptując ją do kontekstu edukacji i rozwoju zawodowego. Chcieliśmy pokazać, jak kompetencje oferowane przez IKP odpowiadają na różne poziomy potrzeb, od podstawowych umiejętności technicznych po samorealizację.[Grafika: Infografika przedstawiająca Hierarchię Potrzeb Maslowa zaadaptowaną do kontekstu kompetencji przyszłości]#### Implementacja:- Ikony dla lepszej wizualizacji kategorii: Każda ikona została starannie zaprojektowana, aby odzwierciedlać istotę danej kompetencji.- Trójkolumnowy układ: Inspirowany zasadą "rule of thirds" w fotografii, tworzy harmonijną i łatwą do przyswojenia strukturę informacji.> "Każda ikona i opis to mikro-lekcja o przyszłości pracy. Chcieliśmy, aby użytkownik uczył się już w trakcie przeglądania strony" - komentuje specjalista ds. content marketingu.### Sekcja "Formy współpracy"#### Teoria: Teoria Dyfuzji Innowacji RogersaProjektując tę sekcję, opieraliśmy się na Teorii Dyfuzji Innowacji Everetta Rogersa. Chcieliśmy przedstawić różne formy współpracy w sposób, który będzie atrakcyjny zarówno dla "innowatorów" i "wczesnych adaptatorów", jak i dla "wczesnej większości".[Grafika: Schemat przedstawiający różne formy współpracy w kontekście Teorii Dyfuzji Innowacji]#### Implementacja:- Karty z obrazkami: Każda karta reprezentuje inną formę współpracy, z obrazkiem ułatwiającym szybkie zrozumienie.- Zaokrąglone rogi kart (soft UI): Trend w designie, który sprawia, że interfejs wydaje się bardziej przyjazny i dostępny.

## 4. Proces iteracyjny i lekcje z porażek### Lekcje z "brudnej roboty"W trakcie pracy nad projektem dla IKP napotkaliśmy szereg wyzwań, które ostatecznie przyczyniły się do lepszego zrozumienia potrzeb klienta i użytkowników.[Grafika: Zrzuty ekranu pokazujące ewolucję designu - od wczesnych szkiców po finalną wersję]#### Synchronizacja copywritingu i designuJednym z kluczowych wniosków z naszego procesu iteracyjnego było znaczenie odpowiedniej kolejności działań w projekcie.> "Początkowo skupiliśmy się na tworzeniu atrakcyjnych wizualnie layoutów, tylko po to, by później odkryć, że nie pasują one do faktycznej treści. To była cenna lekcja." - przyznaje nasz lead designer.W rezultacie, opracowaliśmy nowy workflow:1. Stworzenie szczegółowego copywritingu2. Projektowanie układu strony na podstawie gotowych treści3. Iteracyjne dostosowywanie designu i treściTa zmiana w podejściu znacząco zoptymalizowała czas i energię zespołu, jednocześnie poprawiając jakość końcowego produktu.#### Nieudane prototypy jako źródło innowacjiPodczas prac nad sekcją "Rozwijamy kluczowe kompetencje przyszłości" eksperymentowaliśmy z różnymi formami wizualizacji danych. Jeden z odrzuconych pomysłów - interaktywna mapa kompetencji - choć nie sprawdził się w tym projekcie, zainspirował nas do stworzenia nowego produktu dla innych klientów.[Grafika: Szkic odrzuconego pomysłu na interaktywną mapę kompetencji]

## 5. ROI i potencjał generowania leadów### Podejście startupowe: Wysokiej jakości MVPW projekcie dla IKP przyjęliśmy podejście charakterystyczne dla startupów technologicznych - skupiliśmy się na stworzeniu Minimum Viable Product (MVP) o najwyższej możliwej jakości.> "Naszym celem było stworzenie solidnej podstawy, która nie tylko spełni obecne potrzeby IKP, ale także będzie łatwa do rozbudowy w przyszłości." - wyjaśnia nasz project manager.[Grafika: Diagram przedstawiający etapy tworzenia MVP dla IKP]Korzyści tego podejścia:1. Szybsze wdrożenie: Strona była gotowa do użytku w ciągu 8 tygodni od rozpoczęcia projektu.2. Optymalizacja kosztów: Skoncentrowanie się na kluczowych funkcjonalnościach pozwoliło na efektywne wykorzystanie budżetu.3. Lepsza skuteczność kampanii marketingowych: Dzięki dopracowanemu UX/UI, kampanie reklamowe mają potencjał do osiągania wyższych współczynników konwersji.## 6. Design wspierający customer journeyW projektowaniu strony dla IKP szczególną uwagę zwróciliśmy na to, jak design wspiera różne etapy podróży klienta. Oto kluczowe elementy:[Grafika: Infografika przedstawiająca customer journey z zaznaczonymi punktami styku na stronie IKP]### Świadomość- Hero section z wyraźnym komunikatem wartości: "Rozwijaj z nami umiejętności nowej ery"- Sekcja "Poznaj naszych partnerów" budująca wiarygodność marki### Rozważanie- Interaktywna sekcja "Rozwijamy kluczowe kompetencje przyszłości" pozwalająca użytkownikom na eksplorację oferty- Testimoniale i case studies pokazujące realne rezultaty szkoleń### Decyzja- Wyraźne CTA "Zapytaj o szkolenie" w kluczowych miejscach strony- Sekcja "Formy współpracy" prezentująca różne opcje zaangażowania### Retencja- Newsletter z wartościowymi treściami o rozwoju kompetencji przyszłości- Sekcja "Aktualności" informująca o nowych szkoleniach i trendach w edukacji> "Każdy element designu został przemyślany pod kątem tego, jak wspiera konkretny etap customer journey. To podejście znacząco wpłynęło na efektywność naszej strony w generowaniu i konwertowaniu leadów." - podsumowuje nasz specjalista ds. CRO

## PodsumowanieProjekt dla Instytutu Kompetencji Przyszłości pokazuje, jak połączenie głębokiego zrozumienia potrzeb klienta, elastycznego podejścia do projektowania i skupienia na customer journey może przynieść wymierne rezultaty biznesowe. Nasza metodologia, łącząca elementy design thinking, lean startup i user-centered design, pozwala nam tworzyć produkty cyfrowe, które nie tylko wyglądają atrakcyjnie, ale przede wszystkim efektywnie wspierają cele biznesowe naszych klientów.Jesteśmy gotowi zastosować to samo podejście w Twoim projekcie. Umów się na bezpłatną konsultację, aby dowiedzieć się, jak możemy pomóc Twojej firmie osiągnąć podobne rezultaty.[Grafika: Przycisk CTA "Umów bezpłatną konsultację" w kontrastowym kolorze]

Dzięki wdrożonym zmianom i optymalizacjom, udało się osiągnąć imponujące rezultaty


🚀Wzrost konwersji o 56% na urządzeniach mobilnych oraz o 20% na desktopach. Średni czas zaangażowania użytkowników na stronie zwiększył się o 21%.



🚀Zmniejszenie liczby porzuceń koszyków, co bezpośrednio przełożyło się na wyższą liczbę finalizacji zakupów.

Efekty

Co powiedział klient o współpracy

"Polecam Panią Karolinę. Działa szybko i precyzyjnie, nie robiąc przy tym wielkich zmian. Wykazał się doskonałym zrozumieniem potrzeb naszych użytkowników. Po strategii otrzymaliśmy wsparcie wdrożeniowe, które również szybko przebiegło przed sezonem."

Hubert Antokolski

Współwłaściciel IKP

Podsumowanie

W wyniku naszej współpracy, klient nie tylko poprawił efektywność swoich działań marketingowych, ale przede wszystkim zwiększył konwersję oraz zaangażowanie użytkowników, co przełożyło się na większą sprzedaż i lepsze wykorzystanie budżetu marketingowego.

Wykorzystując analizy jakościowe i ilościowe, a także głębokie zrozumienie ścieżki zakupowej użytkowników, dostarczyliśmy konkretne i mierzalne wyniki, które pomogły klientowi rozwinąć jego biznes.

Chcesz sprawdzić, jak UX może rozwinąć Twoją firmę?

Kliknij poniższy przycisk i wybierz dogodny termin spotkania