Oferta · Projektowanie UX/UI

Projektujemy strony, które się rozumie.

Warsztaty, makiety, prototypy i design system — żeby strona była prosta w obsłudze, zanim napiszemy pierwszą linijkę kodu.

Bezpłatna wycena

Opowiedz nam o projekcie

Odezwiemy się z pytaniami i propozycją zakresu.

Czego potrzebujesz?
Zgoda*
Bez zobowiązań — wycena po krótkiej rozmowie.

Dla kogo

UX ma znaczenie, gdy klienci się gubią. Poznajesz to?

Nawigacja

Klienci nie znajdują tego, czego szukają.

Oferta jest na stronie, ale schowana tak, że mało kto do niej trafia.

Decyzje

Projekt rodzi się w trakcie kodowania.

Bez makiet każda zmiana wychodzi dopiero w gotowej stronie — i kosztuje najwięcej. To najczęstszy powód, dla którego zaczynamy od prototypu.

Spójność

Każda podstrona wygląda inaczej.

Nowe sekcje dokładane latami sprawiają, że strona traci charakter i czytelność.

Projekt

Od pomysłu do gotowego projektu. W trzech krokach.

Każdy etap możesz zamówić osobno albo w całości. Opisujemy, co robimy na każdym z nich i co dostajesz.

Warsztat to najtańszy moment na podjęcie dobrych decyzji. Zanim powstanie choć jedna makieta, ustalamy razem cele biznesowe, najważniejsze grupy klientów i to, czego szukają na stronie.

Jak wygląda warsztat

  • Rozmowa o celach firmy i tym, co ma się zmienić
  • Opis odbiorców i ich najczęstszych pytań
  • Przegląd konkurencji i obecnej strony
  • Wstępna mapa strony i priorytety treści

Wynikiem jest dokument, do którego wracamy przez cały projekt — dzięki niemu każda kolejna decyzja ma uzasadnienie, a nie opiera się na guście.

Co zawiera
  • Przygotowanie i prowadzenie warsztatu
  • Cele i mierniki sukcesu
  • Opis grup odbiorców
  • Przegląd konkurencji
  • Wstępna mapa strony
  • Podsumowanie z rekomendacjami

Warsztat może być osobną usługą albo pierwszym krokiem projektu strony.

Makieta to uproszczony szkic strony: bez kolorów i zdjęć, za to z prawdziwym układem, treściami i ścieżkami. Prototyp idzie krok dalej — można go klikać jak gotową stronę.

Dlaczego warto zacząć od prototypu

  • Zmiany na prototypie zajmują minuty, a w gotowym kodzie dni
  • Od razu widać, czego brakuje w treściach
  • Łatwo pokazać projekt współpracownikom i zebrać uwagi
  • Można go przetestować z użytkownikami przed wdrożeniem

Najtańsza poprawka to ta zrobiona na makiecie.

Prototyp przygotowujemy w Figmie i przekazujemy go razem z opisem zachowań, więc jest gotowy do projektu graficznego i wdrożenia.

Co zawiera
  • Makiety kluczowych stron
  • Klikalny prototyp
  • Wersja mobilna i desktopowa
  • Opis zachowań i stanów
  • Dwie rundy poprawek
  • Pliki w Figmie

Prototyp można przetestować z użytkownikami — zobacz „Badania” niżej.

Design system to biblioteka gotowych elementów — przycisków, kart, formularzy, sekcji — oraz zasad, jak ich używać. Dzięki niemu każda nowa podstrona wygląda jak część całości, a jej przygotowanie trwa krócej.

Co zawiera design system

  • Kolory, typografia, odstępy i zaokrąglenia jako tokeny
  • Komponenty z opisem, kiedy ich używać
  • Zasady animacji, ikon i zdjęć
  • Wersje na telefon i desktop
Co zawiera
  • Audyt obecnych elementów
  • Tokeny kolorów i typografii
  • Biblioteka komponentów
  • Dokumentacja i zasady
  • Wersje mobilne
  • Przekazanie zespołowi

Design system może powstać razem z nową stroną albo dla już istniejącej.

Od czego zacząć?

Nie wiesz, od czego zacząć? Podpowiemy.

Co najlepiej opisuje Twoją sytuację?

Polecamy

Warsztaty i strategia

Najpierw cele i odbiorcy — potem wszystko inne idzie szybciej.

  • Wspólna wizja projektu
  • Mapa strony na start
Bezpłatna wycena
Czytaj szczegóły wyżej
Polecamy

Makiety i prototypy

Klikalny prototyp pokaże układ i ścieżki, zanim zapłacisz za kod.

  • Szybkie poprawki
  • Gotowe do testów
Bezpłatna wycena
Czytaj szczegóły wyżej
Polecamy

Design system

Wspólne zasady i komponenty uporządkują stronę i przyspieszą rozwój.

  • Jeden styl wszędzie
  • Szybsze nowe podstrony
Bezpłatna wycena
Czytaj szczegóły wyżej
Polecamy

Audyt UX

Sprawdzimy, gdzie użytkownicy się gubią, i wskażemy, co poprawić najpierw.

  • Lista problemów
  • Priorytety poprawek
Bezpłatna wycena
Czytaj szczegóły niżej

W pakiecie

Co dostajesz w projekcie UX/UI? Wszystko na karcie.

Zakres spisujemy przed startem — wiesz, co dostaniesz na każdym etapie.

W pakiecie

Projekt gotowy do wdrożenia

  • Warsztat i mapa strony
  • Klikalny prototyp
  • Projekt graficzny
  • Pliki i opis dla programistów

Zakres ustalamy po bezpłatnej rozmowie.

Figma Mobile first

Badania

Sprawdzamy, zamiast zgadywać. Dane i ludzie.

Audyt i testy z użytkownikami pokazują, co naprawdę przeszkadza klientom — zanim wydasz pieniądze na zmiany.

Audyt UX

Analiza Rekomendacje

Audyt UX to przegląd strony oczami użytkownika. Sprawdzamy nawigację, treści, formularze i ścieżki zakupu, a także dane z analityki, żeby znaleźć miejsca, w których ludzie się gubią albo rezygnują.

Co sprawdzamy

  • Czytelność oferty i nawigacji
  • Formularze, koszyk i ścieżki konwersji
  • Działanie na telefonach
  • Dostępność i podstawowe błędy

Każdy problem opisujemy z przykładem i propozycją rozwiązania oraz oznaczamy, jak pilny jest do poprawy.

Co obejmuje
  • Analiza ekspercka strony
  • Przegląd danych z analityki
  • Raport z przykładami
  • Priorytety poprawek
  • Omówienie wyników

Testy z użytkownikami

Badania Prototyp

Nic nie zastąpi obserwacji prawdziwych ludzi. Prosimy kilku przedstawicieli Twoich klientów o wykonanie zadań na stronie lub prototypie i patrzymy, gdzie mają trudności.

  1. Ustalamy cele testu i scenariusze zadań
  2. Dobieramy uczestników podobnych do Twoich klientów
  3. Prowadzimy sesje i nagrywamy je za zgodą uczestników
  4. Opracowujemy wnioski i rekomendacje
Co obejmuje
  • Scenariusz badania
  • Rekrutacja uczestników
  • Przeprowadzenie sesji
  • Nagrania i notatki
  • Raport z wnioskami

Podział ról

Kto co robi przy projekcie? Ustalamy to na starcie.

My

Po naszej stronie.

Prowadzimy proces od warsztatu do przekazania projektu.

  • Prowadzenie warsztatów
  • Makiety i prototyp
  • Projekt graficzny
  • Dokumentacja dla programistów
Ty

Po Twojej stronie.

Ty znasz firmę i klientów.

  • Udział w warsztacie
  • Informacje o klientach i ofercie
  • Uwagi do prototypu
  • Akceptacja etapów

Jak pracujemy

Od rozmowy do gotowego projektu. Krok po kroku.

  1. 01 Start

    Warsztat.

    Ustalamy cele, odbiorców i mapę strony.

    Efekt: cele i mapa strony
  2. 02 Szkic

    Makiety.

    Układ i treści kluczowych stron w uproszczonej formie.

    Efekt: makiety do akceptacji
  3. 03 Prototyp

    Prototyp i testy.

    Klikalny prototyp, opcjonalnie sprawdzony z użytkownikami.

    Efekt: przetestowany prototyp
  4. 04 Projekt

    Projekt graficzny.

    Finalny wygląd, komponenty i przekazanie do wdrożenia.

    Efekt: projekt gotowy do kodowania

Wycena

Koszt zależy od zakresu. Liczymy go z planu.

  1. 01

    Bezpłatna rozmowa.

    Pytamy o cele, odbiorców i to, co już masz.

  2. 02

    Etapy i zakres.

    Wybieramy etapy: warsztat, prototyp, projekt, badania.

  3. 03

    Wycena dopasowana do planu.

    Cena wynika z liczby stron i etapów, nie z cennika.

Pytania

Pytania o projektowanie UX/UI.

Najczęstsze pytania przed startem projektu.

Odpowiadamy z konkretami, nie z szablonem.

Porozmawiajmy o Twoim projekcie.

Napisz kilka zdań o tym, co chcesz zaprojektować. Odezwiemy się z propozycją zakresu.

Zgoda*