--- title: "Influger – audyt UX i redesign aplikacji webowej | Sweet Lava" description: "Audyt UX i redesign platformy łączącej twórców z markami. Zobacz case study Influger i dowiedz się, jak design system optymalizuje koszty wdrożenia." url: https://sweetlava.eu/pl/projekty/influger-audyt-ux-i-redesign-aplikacji-webowej/ lang: pl alternate_en: https://sweetlava.eu/en/work/influger-ux-audit-redesign-design-system-web-app/ --- 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](https://cdn.sanity.io/images/pgdlccfz/production/2ab46286e0cdf4efa71c2f8e4efc3ee2cb35a9c0-3600x2025.png?w=1600&q=90&auto=format) 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](https://cdn.sanity.io/images/pgdlccfz/production/d33f108a1ab4ac15904fb2f0e2c116ee52086f74-2401x3207.png?w=2000&q=90&auto=format) widok desktop ![Ekran logowania do systemu Influger](https://cdn.sanity.io/images/pgdlccfz/production/3df03ca4e542a1024a33b3c3b5eadfb1da1cc350-2401x3211.png?w=2000&q=90&auto=format) logowanie do systemu ![Wybrane widoki mobilne aplikacji Influger](https://cdn.sanity.io/images/pgdlccfz/production/94199b395b3536d214b83d2c101256c0ee1eb7fc-2401x3207.png?w=2000&q=90&auto=format) 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](https://cdn.sanity.io/images/pgdlccfz/production/41df312082b04cd90cd9f9bba3acaa3ec69b4006-4446x2500.png?w=2000&q=90&auto=format) 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](https://cdn.sanity.io/images/pgdlccfz/production/328509069dfc78eb2b346a065429eae3087cf562-1605x1200.png?w=2000&q=90&auto=format) widok kategorii ![Ekran logowania aplikacji Influger na desktopie](https://cdn.sanity.io/images/pgdlccfz/production/5c99e5ae087053b4984612077acf45e441bc9cd6-1605x1200.png?w=2000&q=90&auto=format) 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 - [Tworzenie aplikacji webowych i SaaS](https://sweetlava.eu/pl/uslugi/aplikacje-saas/) - [Identyfikacja wizualna firmy i design systemy](https://sweetlava.eu/pl/uslugi/identyfikacja-design-systemy/) - [Audyt UX i projektowanie UX/UI](https://sweetlava.eu/pl/uslugi/ux-ui-ax/) ## Powiązane projekty ![Nowy sklep internetowy Hexeline – lista produktów oraz strona główna w widoku mobilnym](https://cdn.sanity.io/images/pgdlccfz/production/173b4d5d421e9f61a6c5af8fbc3364e6e9c5d40b-4340x2440.jpg?w=1600&q=90&auto=format) Moda premium ### [ Hexeline – projekt sklepu internetowego marki mody premium ](https://sweetlava.eu/pl/projekty/hexeline/) Zupełnie nowy sklep internetowy polskiej marki mody premium: od rewizji brandbooku po projekt każdego widoku, z checkoutem włącznie. Rok pracy projektowej, wdrożenie na Shopware oraz około 20% wzrostu sprzedaży online w rok. ![wnętrze pracowni, mężczyzna trzyma w rękach iPad i patrzy na stronę Sebastiana Wywiórskiego](https://cdn.sanity.io/images/pgdlccfz/production/b5cd7bc3e1dc9f1d905c00789f017da92f3516ef-3661x2067.png?w=1600&q=90&auto=format) Branża kreatywna ### [ Sebastian Wywiórski – projekt i wdrożenie strony wizerunkowej ](https://sweetlava.eu/pl/projekty/sebastian-wywiorski-projekt-i-wdrozenie-strony-wizerunkowej/) Jak ubrać abstrakcyjną sztukę w funkcjonalny interfejs? Zobacz wdrożenie strony opartej na uniwersalnym gridzie. Blog ## Powiązane artykuły E-commerce ### [ Audyt UX sklepu internetowego – co sprawdzamy i ile to kosztuje? ](https://sweetlava.eu/pl/blog/audyt-ux-sklepu-internetowego/) Ruch jest, sprzedaży nie ma? Audyt UX sklepu internetowego pokazuje, gdzie ucieka konwersja – od listingu po checkout. Wyjaśniamy, co obejmuje, ile kosztuje i co dostajesz w raporcie. Czytaj artykuł → Development ### [ Aplikacja webowa a strona internetowa – czym się różnią i co wybrać? ](https://sweetlava.eu/pl/blog/aplikacja-webowa-a-strona-internetowa/) Strona informuje, aplikacja webowa pozwala działać, czyli logować się, zapisywać dane i wykonywać zadania. Wyjaśniamy różnice, technologie, koszty i to, jak wybrać właściwą drogę dla swojego projektu. Czytaj artykuł → UX/UI/AX ### [ Audyt UX – co to jest, ile kosztuje i co dostajesz? ](https://sweetlava.eu/pl/blog/audyt-ux-co-to-jest-ile-kosztuje/) 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. Czytaj artykuł → Product design ### [ Czym jest design system i kiedy Twoja firma go potrzebuje ](https://sweetlava.eu/pl/blog/czym-jest-design-system/) Design system to nie „ładny zestaw w Figmie", lecz wspólne źródło prawdy dla projektantów i programistów. Wyjaśniamy, z czego się składa, ile kosztuje i kiedy się zwraca. Czytaj artykuł → ## Powiązane pojęcia - [Design system](https://sweetlava.eu/pl/slownik/design-system/) - [Architektura informacji](https://sweetlava.eu/pl/slownik/architektura-informacji/) - [Responsive design i mobile-first](https://sweetlava.eu/pl/slownik/responsive-web-design/) - [UI (user interface)](https://sweetlava.eu/pl/slownik/ui/) - [Audyt UX](https://sweetlava.eu/pl/slownik/audyt-ux/) - [Badania UX](https://sweetlava.eu/pl/slownik/badania-ux/) ## 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 ](https://sweetlava.eu/pl/kontakt/?source=case-aplikacja-webowa)