Redesign systemu CRM, SaaS

Wstęp

Gdy z Tillio podjęłam współpracę, firma istniała już na rynku 4 lata. Był to początek większych zmian strategicznych. Głównym celem był redesign systemu. Po wdrożeniu nowej wersji, Tillio znalazło się w pierwszej dziesiątce rankingu systemów CRM w 2026 roku w Polsce. Sprawdź ranking

Moja rola
Zespół
Czas pracy

Wyzwania

Oczekiwania biznesowe:

  • Poprawienie doświadczenia użytkownika
  • Nowy, nowoczesny wygląd systemu

Wyzwania projektowe:

  • Uwzględnienie istniejących rozwiązań technicznych
  • Stworzenie nowego stylu systemu

Research

Początkowy etap stanowił spotkania i rozmowy z członkami zespołu i zarazem użytkownikami systemu. Celem było zebranie informacji oraz dotychczasowych doświadczenia związanych z systemem. Następnie audyt wybranych obszarów systemu.

Tillio analiza https://nataliawiniarz.pl/wp-content/uploads/2026/06/Tillio-okladka-1.png
mobile Tillio benchamarking https://nataliawiniarz.pl/wp-content/uploads/2026/06/Tillio-okladka-1.png
Bullet 1 benchamrking 3 https://nataliawiniarz.pl/wp-content/uploads/2026/06/Tillio-okladka-1.png

UX – Benchmarking

Przedmiotem analizy były popularne systemy CRM, a także aplikacje zawierające funkcje tabel i zadań. Skupiałam się m.in. na:

  • Rozwiązaniach dotyczących głównej nawigacji oraz wyszukiwarki.
  • Filtrowaniu przy tabelach.
Frame 791 scaled https://nataliawiniarz.pl/wp-content/uploads/2026/06/Tillio-okladka-1.png
mobile Tillio benchmarking https://nataliawiniarz.pl/wp-content/uploads/2026/06/Tillio-okladka-1.png

Design

Bullet 1 benchamrking https://nataliawiniarz.pl/wp-content/uploads/2026/06/Tillio-okladka-1.png

Makiety low-fidelity

Makiety w szarościach przedstawiają wstępny szkic aplikacji, rozmieszczenie poszczególnych jej elementów i funkcji.

wyszukiwarka kontakty https://nataliawiniarz.pl/wp-content/uploads/2026/06/Tillio-okladka-1.png
wyszukiwarka ogolne https://nataliawiniarz.pl/wp-content/uploads/2026/06/Tillio-okladka-1.png
Wyszukiwarka globalna 1 kontrahenci scaled https://nataliawiniarz.pl/wp-content/uploads/2026/06/Tillio-okladka-1.png

Wireframes lo-fi – główna wyszukiwarka systemu.

mobile Tillio wyszukiwanie 3 https://nataliawiniarz.pl/wp-content/uploads/2026/06/Tillio-okladka-1.png

Wireframes lo-fi – główna wyszukiwarka systemu.

Bullet 1 benchamrking 1 2 https://nataliawiniarz.pl/wp-content/uploads/2026/06/Tillio-okladka-1.png

Kolorystyka i typografia

Główny kolor marki – magenta – oraz logo zostały zachowane bez zmian. Wzbogaciłam kolorystykę o dodatkowe odcienie, a także o kolor kontrastowy – niebieski. Został wybrany font Inter. Dalszym krokiem było przygotowanie nowego, spójnego stylu dla elementów takich jak inputs, formularze, dropdown, tagi itd. Styl ikonek został zmieniony na bold – wypełniony, dzięki temu ikonki są bardziej widoczne i konkretne.

Frame 795 scaled https://nataliawiniarz.pl/wp-content/uploads/2026/06/Tillio-okladka-1.png
mobile Tillio kolor typo https://nataliawiniarz.pl/wp-content/uploads/2026/06/Tillio-okladka-1.png
select https://nataliawiniarz.pl/wp-content/uploads/2026/06/Tillio-okladka-1.png
select 1 https://nataliawiniarz.pl/wp-content/uploads/2026/06/Tillio-okladka-1.png
Elements https://nataliawiniarz.pl/wp-content/uploads/2026/06/Tillio-okladka-1.png
Bullet 1 benchamrking 2 https://nataliawiniarz.pl/wp-content/uploads/2026/06/Tillio-okladka-1.png

Makiety high-fidelity

Menu i nawigacja

Jednym z celów zmiany menu była elastyczność w dostosowaniu do potrzeb użytkownika oraz szybki dostęp do najczęściej używanych modułów. System przeznaczony jest dla różnego typu klientów, od JDG po średnie firmy. A co za tym idzie ich model biznesowy i potrzeby są różne.

Menu zostało wydzielone ciemnym kolorem od pozostałej części systemu, a także zmianie uległo rozmieszczenie i pogrupowanie funkcji. Funkcje bardziej techniczne, zostały umieszczone w dolnej części menu (tj. Ustawienia, Użytkownicy, Tillio Data Studio – import danych, a także edycja menu). Wprowadzona została opcja “Więcej”, pod którą znajdują się rzadko używane funkcje. Dzięki temu menu jest bardziej czytelne, nie jest przytłoczone liczbą informacji.

Group 2 scaled https://nataliawiniarz.pl/wp-content/uploads/2026/06/Tillio-okladka-1.png
Group 4168 scaled https://nataliawiniarz.pl/wp-content/uploads/2026/06/Tillio-okladka-1.png

Główna wyszukiwarka

Główna wyszukiwarka pierwotnie znajdowała się po prawej stronie systemu. Po kliku na ikonkę, rozwijała się na cały ekran i była w innym stylu niż pozostałe elementy systemu.

Group 3 scaled https://nataliawiniarz.pl/wp-content/uploads/2026/06/Tillio-okladka-1.png
mobile Tillio wyszukiwanie przed https://nataliawiniarz.pl/wp-content/uploads/2026/06/Tillio-okladka-1.png

Główną zmianą było przeniesienie wyszukiwarki na środek – bezpośredni dostęp zmniejszył liczbę klików o jeden. Zostały dodane funkcje filtrowania oraz opcja “Pokaż wszystkie” wyniki.

Group 4 scaled https://nataliawiniarz.pl/wp-content/uploads/2026/06/Tillio-okladka-1.png
mobile Tillio wyszukiwanie po https://nataliawiniarz.pl/wp-content/uploads/2026/06/Tillio-okladka-1.png

Szybkie akcje

Szybkie akcje początkowo znajdowały się w pionowym pasku po prawej stronie systemu. Zawierały takie same ikonki jak w menu głównym, tylko ich działanie było inne np. Dodaj kontakt, Dodaj aktywność itp. Takie rozwiązanie wprowadzało w błąd użytkowników i dezorientację. Dodatkowo skróty klawiaturowe składały się z trzech klawiszy, aby wywołać akcję, co wprowadzało dodatkowe utrudnienie.

Group 5 scaled https://nataliawiniarz.pl/wp-content/uploads/2026/06/Tillio-okladka-1.png
mobile Tillio akcje przed https://nataliawiniarz.pl/wp-content/uploads/2026/06/Tillio-okladka-1.png

Szybkie akcje zostały przeniesione obok głównej wyszukiwarki, pod przyciskiem plus “+” (dzięki temu zyskujemy więcej miejsca w głównym obszarze zawartości systemu). Po kliku widzimy dostępne opcje – ikonki wraz z podpisaną akcją. Skróty klawiaturowe zostały skrócone do dwóch klawiszy, co ułatwia wywołanie akcji. A ich bezpośrednia ekspozycja sprzyja zapamiętaniu.

Group 6 scaled https://nataliawiniarz.pl/wp-content/uploads/2026/06/Tillio-okladka-1.png
mobile Tillio akcje po https://nataliawiniarz.pl/wp-content/uploads/2026/06/Tillio-okladka-1.png

Profil użytkownika

Głównym powodem zmian nawigacji w profilu użytkownika była mała elastyczność rozwiązania. Zaproponowałam układ listy, w której dodałam opisy opcji, by rozwiać wątpliwości co oznaczają ikonki. Dzięki temu rozwiązaniu mamy możliwość swobodnie dostosowywać zawartość listy do potrzeb twórców systemu oraz eksponować istotne opcje (np. konfiguracja konta przy onboardingu).

Tillio profil przed https://nataliawiniarz.pl/wp-content/uploads/2026/06/Tillio-okladka-1.png
Tillio profil po https://nataliawiniarz.pl/wp-content/uploads/2026/06/Tillio-okladka-1.png

Wybrane przykłady widoków

Moduł Zadania – przed

image 248 scaled https://nataliawiniarz.pl/wp-content/uploads/2026/06/Tillio-okladka-1.png
mobile Tillio zadanie przed https://nataliawiniarz.pl/wp-content/uploads/2026/06/Tillio-okladka-1.png

Moduł Zadania – po

W module Zadania odświeżyłam wygląd tabeli, a także przeprojektowałam kalendarz wraz z filtrowaniem po prawej stronie.

Tabela Zadania zakladki v1 scaled https://nataliawiniarz.pl/wp-content/uploads/2026/06/Tillio-okladka-1.png
mobile Tillio zadanie po https://nataliawiniarz.pl/wp-content/uploads/2026/06/Tillio-okladka-1.png

Moduł Szanse sprzedaży – przed

image 53 scaled https://nataliawiniarz.pl/wp-content/uploads/2026/06/Tillio-okladka-1.png
mobile Tillio szanse przed https://nataliawiniarz.pl/wp-content/uploads/2026/06/Tillio-okladka-1.png

Moduł Szanse sprzedaży – po

Szanse sprzedazy modul boczny scaled https://nataliawiniarz.pl/wp-content/uploads/2026/06/Tillio-okladka-1.png
mobile Tillio szanse po https://nataliawiniarz.pl/wp-content/uploads/2026/06/Tillio-okladka-1.png

Podsumowanie

Głównym celem projektu było odświeżenie wyglądu UI systemu i wybranych elementów pod względem użytkowym UX. Przedstawiłam tylko niektóre rozwiązania i przykłady zmian. Dotyczyły one:

  • Menu główne – nowy wygląd i organizacja funkcji.
  • Główna wyszukiwarka systemu – nowa lokalizacja i dododatkowe funkcje.
  • Szybkie akcje – więcej miejsca w głównym obszarze systemu, bardziej dostępne skróty klawiaturowe.
  • Profil użytkownika – bardziej czytelny wygląd i możliwość dodawania innych funkcji.
  • Nowoczesny wygląd systemu – uspójnienie kolorystyki, typografii oraz elementów UI.
  • Poprawienie wybranych elementów użyteczności (UX).

Po wdrożeniu nowej wersji systemu, Tillio znalazło się w pierwszej dziesiątce rankingu systemów CRM w 2026 roku w Polsce. Sprawdź ranking

Chcesz przejść ze mną przez podobny proces?

Umów się na 30-minutową rozmowę i sprawdźmy co możemy razem zrobić.

Natalia Winiarz

Wykorzystujemy ciasteczka do spersonalizowania treści i reklam, aby oferować funkcje społecznościowe i analizować ruch w naszej witrynie.

Informacje o tym, jak korzystasz z naszej witryny, udostępniamy partnerom społecznościowym, reklamowym i analitycznym. Partnerzy mogą połączyć te informacje z innymi danymi otrzymanymi od Ciebie lub uzyskanymi podczas korzystania z ich usług.

Informacja o tym, w jaki sposób Google przetwarza dane, znajdują się tutaj.