Przejdź do treści

Marketing Technology

Influger – audyt UX, design system i redesign aplikacji webowej dla systemu kampanii poleceń

Jak sprawnie zarządzać dziesiątkami kampanii z poziomu telefonu? Redesign aplikacji dla platformy łączącej twórców z markami.

Jerzy Koenigshaus Antonina Jasińska

Telefon z otwartym widokiem aplikacji Influger

Kontekst

Influger to platforma, która łączy marki z twórcami i mikroinfluencerami, pomagając prowadzić i skalować kampanie rekomendacyjne. Z czasem system mocno się rozrósł, a jego interfejs przestał nadążać za liczbą funkcji, dlatego potrzebował nowego layoutu.

Projekt powstał, zanim narzędzia AI weszły do codziennej pracy projektantów, więc audyt UX przeprowadziliśmy w całości ręcznie. Przeanalizowaliśmy rozbudowaną architekturę informacji i wyłapaliśmy problemy z użytecznością. Było to czasochłonne, ale dużo nas nauczyło i pokazało, jak wiele daje dokładna analiza.

Wyzwanie

Największym ograniczeniem był gotowy, już zakodowany system. Architekturę mogliśmy zmieniać tylko w takim zakresie, na jaki pozwalał kod. Skupiliśmy się więc na przebudowie układu elementów w layoutach i na zaawansowanych zmianach w CSS. Najwięcej czasu zajęło nam dostosowanie rozbudowanych tabel z listami produktów do urządzeń mobilnych. Zastąpiliśmy je widokiem kafelkowym, projektując go tak, żeby aplikacja działała sprawnie i była w pełni dostępna na każdym ekranie.

Widok layoutu aplikacji Influger na desktopie
widok desktop
Ekran logowania do systemu Influger
logowanie do systemu
Wybrane widoki mobilne aplikacji Influger
wybrane widoki mobile

Jak zaufać layoutowi?

Równoległym wyzwaniem wizualnym i psychologicznym było budowanie wiarygodności. Aplikacja operująca realnymi budżetami i wypłatami musi swoim wyglądem reprezentować poziom bezpieczeństwa i stabilności porównywalny z systemami bankowymi – nie było tu miejsca na najmniejsze niedociągnięcia graficzne. Trzeba było też dobrze wyeksponować logotypy wielu współpracujących firm, tak żeby pokazywały skalę platformy, ale nie zaśmiecały interfejsu i nie przytłaczały użytkownika.

Fragment design systemu aplikacji Influger
design system

Design system zamiast powielania pracy

Aplikacja miała dziesiątki widoków z gotowym backendem. Żeby ograniczyć koszty i przyspieszyć pracę, stworzyliśmy design system. Najpierw dopracowaliśmy kluczowe ekrany, a na ich podstawie zbudowaliśmy spójną bibliotekę komponentów. Dzięki temu pozostałe widoki projektowaliśmy dużo szybciej, nie powtarzaliśmy tej samej pracy i utrzymaliśmy wizualną spójność całego systemu.

Kobieca ręka trzymająca telefon z widokiem kategorii w aplikacji Influger
widok kategorii
Ekran logowania aplikacji Influger na desktopie
ekran logowania

Rezultat

W wyniku tych prac dostarczyliśmy pełny projekt aplikacji wraz z nową identyfikacją wizualną, obejmującą znak, typografię oraz kolorystykę. Ostateczny interfejs jest niezwykle czytelny, wysoce funkcjonalny i, co najważniejsze, wzbudza zaufanie niezbędne przy operacjach finansowych. Całość została ukończona i pomyślnie przekazana do wdrożenia. Cyfrowy rynek zmienia się obecnie niezwykle dynamicznie – bywa, że pewne rozwiązania mocno wyprzedzają swoje czasy, a inne pojawiają się o chwilę za późno. Jesteśmy bardzo ciekawi, jak branża zareaguje na nową odsłonę Influgera i wierzymy, że wypracowane przez nas solidne fundamenty UX pomogą marce sprostać rynkowym oczekiwaniom.

W liczbach

79
stron audytu UX
1
aplikacja webowa
1
design system
32
komponenty

Powiązane usługi

Powiązane projekty

Blog

Powiązane artykuły

UX/UI/AX

Audyt UX – co to jest, ile kosztuje i co dostajesz?

Audyt UX znajduje miejsca, w których strona lub aplikacja traci użytkowników i pieniądze. Wyjaśniamy, jak przebiega, ile kosztuje, co zawiera raport, jak wygląda audyt aplikacji i sklepu oraz jak zrobić podstawowy przegląd samodzielnie.

Chcesz wiedzieć, gdzie Twój produkt traci użytkowników?

Audyt UX kończy się priorytetyzowaną listą poprawek z uzasadnieniami. Zakres i wycenę przygotowujemy w kilka dni.

Napisz do nas