Przejdź do treści
Projekt, który sprawdzasz, zanim zapłacisz za kod.Porozmawiajmy o projekcie
UX · UI · Prototypy · Testy A/B

Projektowanie UI/UX, które widać w wynikach

Projektujemy interfejsy stron, sklepów i aplikacji. Zaczynamy od danych i tego, gdzie użytkownicy się gubią, a kończymy na klikalnym prototypie, który można sprawdzić przed programowaniem. Zaprojektowane ekrany możemy też od razu wdrożyć.

Porozmawiajmy o projekcieZobacz realizacje
Analiza na danych, nie na przeczuciuKlikalny prototyp przed kodemProjekt i wdrożenie w jednym miejscuTesty A/B na prawdziwym ruchu
+34%
obrotów sklepu po nowych widokach
−15%
porzuceń koszyka w tym samym sklepie
+2%
średnio wyższa konwersja po testach A/B
1–2 dni
na wycenę z zakresem
Czy to brzmi znajomo?

Kiedy warto zainwestować w projekt UX/UI?

Klienci dodają produkty do koszyka, ale porzucają zamówienie przed płatnością.

Na telefonie strona jest ciasna, przyciski za małe, a formularz trudno wypełnić.

Użytkownicy dzwonią z pytaniami, bo nie potrafią znaleźć funkcji w aplikacji.

Każdy ekran wygląda inaczej, bo powstawał w innym czasie i u innego wykonawcy.

Programiści poprawiają gotowy kod, bo dopiero po wdrożeniu widać, że coś nie działa.

Nie wiesz, czy nowy wygląd sprzeda lepiej, czy tylko inaczej.

Co robimy

Projektowanie UI/UX od analizy po prototyp

Strony, sklepy internetowe, aplikacje webowe i mobilne, panele administracyjne.

Analiza i audyt UX

Przeglądamy obecną stronę, sklep albo aplikację i dane z analityki. Wskazujemy miejsca, w których użytkownicy się gubią albo rezygnują.

Ścieżki i makiety

Układamy ścieżki użytkownika i makiety ekranów. Na tym etapie zmiany są najtańsze.

Projekt interfejsu (UI)

Wygląd dopasowany do marki, czytelny na telefonie i komputerze. Projektujemy z myślą o tym, jak ekran zostanie zaprogramowany.

Klikalny prototyp

Prototyp, który można przeklikać przed napisaniem kodu. Pokażesz go zespołowi, klientom albo inwestorowi.

Komponenty i style

Zestaw powtarzalnych elementów: przyciski, formularze, karty. Kolejne ekrany powstają szybciej i wyglądają spójnie.

Testy A/B

Nowy projekt sprawdzamy na prawdziwym ruchu. Wtedy wiesz, która wersja sprzedaje lepiej.

Case study testów A/B →
Proces

Jak powstaje projekt UI/UX

01

Rozmowa i cele

Kto korzysta z produktu, co ma w nim zrobić i jak zmierzymy, czy nowy projekt działa lepiej.

02

Analiza

Dane z analityki, obecne ekrany, rozwiązania konkurencji i Twoje inspiracje.

03

Makiety

Układ ekranów i ścieżki użytkownika bez kolorów i ozdobników. Ustalamy, co gdzie jest.

04

Projekt i prototyp

Pełny wygląd ekranów i klikalny prototyp do przetestowania.

05

Wdrożenie

Projekt programujemy sami albo przekazujemy Twojemu zespołowi razem z opisem komponentów.

Realizacje

Projekty, które poprawiły wyniki

PrestaShop · UI
44 → 81

Erpix Kärcher Center

Nowy kafelek produktu w 5 iteracjach, używany w 15 miejscach sklepu. Kontrast tekstu z 2,4:1 do 4,6:1, PageSpeed karty produktu z 44 do 81, a po wdrożeniu modułu polecanych akcesoriów odsetek zamówień z akcesorium wzrósł w pierwszych dwóch tygodniach z 33% do 39%.

Czytaj case study →
PrestaShop
+34%

Wera-Serwis.pl

Nowe widoki na starej wersji PrestaShop. Obroty wyższe o 34%, porzuceń koszyka mniej o 15%, ruch mobilny wyższy o 28%.

Czytaj case study →
Shopify
+1,5%

Lider branży odzieżowej

Dwa szablony w jednym sklepie i podział ruchu między nie. Konwersja wyższa o 1,5%.

Czytaj case study →
Testy A/B
+2%

Z-miłości.pl

Testy A/B po stronie serwera. Średnio 2% wyższa konwersja.

Czytaj case study →
FAQ

Pytania o projektowanie UI/UX

Czym różni się UI od UX?

+
UX (user experience) to to, jak produkt działa: ścieżki, kolejność kroków, liczba kliknięć do celu. UI (user interface) to to, jak wygląda: kolory, typografia, przyciski. Dobry projekt potrzebuje obu.

Czy zaprogramujecie też zaprojektowane ekrany?

+
Tak. Projektujemy i programujemy strony, sklepy oraz aplikacje webowe i mobilne. Jeśli masz własny zespół, przekażemy mu projekt z opisem komponentów.

Czy możecie odświeżyć wygląd sklepu bez migracji?

+
Często tak. W sklepie Wera-Serwis.pl zbudowaliśmy nowe widoki na starej wersji PrestaShop, bez kosztownej migracji. Obroty wzrosły o 34%.

Skąd wiadomo, że nowy projekt jest lepszy?

+
Z danych. Przed zmianą ustalamy, co mierzymy, np. konwersję albo porzucenia koszyka. Tam, gdzie ruch na to pozwala, porównujemy wersje w testach A/B.

Ile kosztuje projekt UI/UX?

+
Zależy od liczby ekranów, tego, czy zaczynamy od analizy obecnego produktu, i od tego, czy potrzebny jest klikalny prototyp. Wycenę z zakresem wysyłamy w ciągu 1–2 dni roboczych od rozmowy.
Bezpłatna konsultacja

Opowiedz o swoim projekcie

Kamil Perzowski, ASAPDevs
Kamil Perzowski
CEO & Co-founder, ASAPDevs
Odpisuję osobiście. Bez zobowiązań.
GoogleOpinie klientów w Google
Pan Kamil wspaniale pomógł nam i stworzył nasz sklep internetowy! Lepiej nie mogliśmy trafić! Serdecznie polecamy :)
Kwiaciarnia M. · opinia w Google
  1. Czytam zgłoszenie i odpisuję z pytaniami albo propozycją terminu rozmowy.
  2. Krótka rozmowa o zakresie, dostępach i terminie.
  3. Dostajesz plan i wycenę. Decydujesz, bez zobowiązań.

Wolisz od razu porozmawiać? +48 884 220 764 · [email protected]

Wysyłając formularz, przekazujesz nam dane, żebyśmy mogli odpowiedzieć. Szczegóły w polityce prywatności.

Zobacz też