Właściciel biura rachunkowego
Cel: szybko ocenić, czy narzędzie usprawni pracę biura i umówić prezentację.
Frustracja: ściana tekstu i brak wyraźnego komunikatu utrudniały ocenę oferty.
Efektywne Biuro Rachunkowe
EBR to aplikacja i strona sprzedażowa narzędzia do zarządzania biurem księgowym. Redesign objął uporządkowanie strony, zbudowanie czytelnego systemu wizualnego i wzmocnienie ścieżki konwersji — tak, aby produkt wyglądał nowocześnie i budził zaufanie.
Kontekst
Poprzednia strona była gęsta i chaotyczna: dużo tekstu, niski kontrast i słaba hierarchia sprawiały, że kluczowy przekaz i przyciski akcji ginęły. Celem było uproszczenie komunikacji, wyeksponowanie korzyści i poprowadzenie użytkownika wprost do umówienia prezentacji.
Odkrycie — jak zdefiniowałam problemy
Punktem wyjścia był brief od klienta oraz moja własna analiza UX istniejącej strony. Przejrzałam poprzednią wersję pod kątem hierarchii, czytelności i ścieżki do CTA, a wnioski przełożyłam na listę problemów do rozwiązania — bez formalnych badań z użytkownikami, za to z konkretną oceną tego, gdzie ginie kluczowy przekaz.
- Brief klienta — cele biznesowe, grupa docelowa i najważniejszy komunikat sprzedażowy.
- Analiza istniejącej strony — audyt hierarchii, kontrastu i ilości treści w hero.
- Ścieżka konwersji — prześledzenie drogi użytkownika do umówienia prezentacji i miejsc, gdzie się urywa.
Dla kogo projektowałam
Pracownik / księgowa
Cel: zrozumieć, jak narzędzie ułatwi codzienną obsługę klientów i dokumentów.
Frustracja: niejasna hierarchia i rozproszone CTA nie prowadziły do kolejnego kroku.
Problem
- Przeładowany hero — za dużo treści naraz.
- Niska hierarchia i słaby kontrast tekstu.
- Niejasna, rozproszona ścieżka do CTA.
- Niespójny system wizualny i typografia.
Cele
- Uprościć hero i wyostrzyć główny komunikat.
- Zbudować wyraźną hierarchię i czytelność.
- Poprowadzić użytkownika jedną, jasną ścieżką do CTA.
- Ujednolicić typografię, kolor i komponenty.
Proces — od chaosu do jasnej ścieżki
Redesign prowadziłam krok po kroku: najpierw odchudziłam komunikację, potem zbudowałam hierarchię i spójny system wizualny, a na końcu wyprostowałam ścieżkę do konwersji.
- 01Uproszczenie komunikatu
Jeden mocny nagłówek zamiast ściany tekstu — od razu wiadomo, co oferuje produkt.
- 02Hierarchia i oddech
Wyraźne poziomy treści, kontrast i przestrzeń — kluczowe elementy przestały ginąć.
- 03System wizualny
Spójna typografia, kolor i komponenty jako fundament całej strony.
- 04Ścieżka do CTA
Jedna, jasna droga do umówienia prezentacji — powtarzalne, przewidywalne akcje.
Przed i po — strona główna
Przeciągnij suwak (lub użyj strzałek), aby porównać poprzednią i nową wersję strony.
Nowa wersja: jeden mocny nagłówek, oddech wokół treści, wyraźne CTA i sekcja liczb budująca zaufanie — zamiast ściany tekstu.
System wizualny
Spójny język wizualny oparty na czytelnej typografii i wyrazistej palecie: energetyczna magenta jako kolor akcji, granat dla nagłówków i błękit jako akcent.
- Magenta
- Granat
- Błękit
- Tło
Wybrane ekrany
Moja rola i wkład
Odpowiadałam za redesign UX/UI strony — od uproszczenia komunikacji, przez zbudowanie hierarchii, aż po spójny system wizualny i wyprostowanie ścieżki konwersji.
- Analiza UX istniejącej strony i zdefiniowanie problemów.
- Przeprojektowanie układu i hierarchii (hero, sekcje korzyści, cennik, formularz).
- System wizualny: typografia, paleta i komponenty.
- Zaprojektowanie jasnej ścieżki do CTA (umówienie prezentacji).
Efekt
Nowa wersja realizuje założone cele projektowe: zamiast ściany tekstu prowadzi użytkownika jasno przez ofertę aż do kontaktu.
Jasny przekazjeden mocny nagłówek zamiast ściany tekstu
Hierarchiakluczowe treści i CTA przestały ginąć
Spójnośćjednolita typografia, kolor i komponenty