Ustawienia dostępności

Rozmiar tekstu

100%

Agencja Product Design: UX/UI, które trafia na produkcję

Jeśli pominiesz badania UX, interfejs trzeba będzie przeprojektować po starcie, za większe pieniądze niż kosztowałby warsztat. Jesteśmy agencją product design: najpierw warsztat discovery, potem projektowanie UX i UI, żeby Twój zespół budował ekrany, których użytkownicy naprawdę potrzebowali.

Co znajdziesz poniżej

Umów warsztat discovery

Dwie dyscypliny, jeden proces agencji UX/UI

Jeden zespół prowadzi decyzję od badań do ekranu - bez dwóch dostawców przerzucających się plikiem.

Osobne studio UX i osobne studio UI przekazują sobie wireframe mailem i liczą, że przetrwa tłumaczenie. W BizBocie ci sami projektanci prowadzili badania, projektowali przepływy i system wizualny podczas warsztatów w Warszawie, Oslo i Stambule. Wniosek z jednej sesji trafiał do interfejsu na następnej. Tak w praktyce rozumiemy "agencję UX/UI": jedna osoba kontaktowa prowadzi decyzję od wywiadu z użytkownikiem do gotowego ekranu.

Korzyści z Product Design

Lepszy obraz całości

Pisemny brief zamienia rozproszone założenia w jeden wspólny dokument: dla kogo jest produkt, co musi robić i jakie ma ograniczenia. Od tego dokumentu zaczął się zakres projektu platformy BizBot.
 

Zrozumienie użytkowników

Produkt zbudowany wokół tego, co ludzie faktycznie robią, wygrywa z produktem zbudowanym wokół tego, co zespół zakłada, że będą robić. W BizBocie na takim zrozumieniu oparliśmy wireframe'y 21 landing page'y.
 

Wspólne stanowisko wszystkich interesariuszy

Każdy, kto musi zatwierdzić produkt, przegląda ten sam zestaw wireframe'ów razem z resztą, zamiast akceptować ekrany pojedynczo i wracać do decyzji podjętych wcześniej. W takim formacie discovery prowadziliśmy każdy etap budowy BizBota.
 

Szybsze wejście na rynek

Gdy UX i UI ustala jeden zespół, nie trzeba drugi raz briefować kolejnego dostawcy z decyzji, które już zapadły. Dzięki temu projekt BizBota szedł według jednego harmonogramu, od badań aż po przekazanie.
 

Mniejsze ryzyko porażki

Klikalne prototypy testujemy z prawdziwymi użytkownikami już na etapie projektowania, więc problem z interfejsem wychodzi, kiedy wireframe wciąż łatwo i tanio poprawić. Problem złapany w prototypie kosztuje jedną poprawkę; ten sam problem złapany po starcie kosztuje przebudowę.
 

Elastyczność

Sprinty projektowe dopasowujemy do projektu: mała funkcja dostaje krótki, skupiony przebieg, a przebudowa całej platformy - tak samo głęboką fazę projektowania jak ta, która ukształtowała BizBota. Koszt i harmonogram odpowiadają temu, czego projekt faktycznie potrzebuje.
 

Czym zajmuje się agencja product design

Agencja product design zamienia pomysł foundera w ekrany, z których zespół może budować produkt: najpierw warsztat discovery, potem dwie dyscypliny. UX Design to badania, przepływy i wireframe'y, czyli struktura, na której powstaje ekran. UI Design to system wizualny: typografia, kolory, komponenty i stany. Potrzebujesz tylko jednej części? Projektowanie UX i projektowanie UI realizujemy też jako osobne usługi.

Ten sam proces zaczynający się od discovery, dwa różne obszary

Wybierz punkt startu

Projektowanie UX: badania, przepływy i wireframe'y, czyli fundament, na którym powstaje ekran.

Projektowanie UI: system wizualny, komponenty i szczegóły interakcji zbudowane na tych badaniach.

Co znajdziesz poniżej

Wybierz punkt startu

Nasz proces projektowania produktu

Warsztat discovery

Uporządkowana sesja z Twoim zespołem - founderami, Product Ownerami, inżynierami - zamienia założenia w udokumentowany brief: mapę użytkowników, ograniczenia i zakres. Zanim powstanie pierwszy ekran, wszyscy wychodzą z sali zgodni co do tego, jaki problem rozwiązujemy.
 

Badania UX

Rozmawiamy z ludźmi, którzy będą korzystać z produktu, i obserwujemy ich, a potem przekładamy to, czego się dowiedzieliśmy, na przepływy użytkownika i wireframe'y. Każdy wireframe wynika z czegoś, co prawdziwy użytkownik powiedział albo zrobił, a nie ze zgadywania przy biurku.
 

Projektowanie UI

Wireframe'y stają się systemem wizualnym: typografia, kolory, komponenty i stany interakcji, opisane w specyfikacji, którą developer wdroży bez zgadywania. To część UI procesu - projektowanie UI jako osobna dyscyplina.
 

Klikalny prototyp

Ekrany łączymy w klikalny prototyp, który działa jak prawdziwy produkt, więc interesariusze i testowi użytkownicy mogą go przeklikać przed implementacją. Właśnie tam błędne założenie wychodzi na ekranie, a nie w kodzie produkcyjnym.
 

Testy z użytkownikami

Prawdziwi użytkownicy próbują prototypu i mówią na głos, co myślą. Wychodzą wtedy punkty tarcia, których same wireframe'y nie pokażą. To, z czym mają kłopot, trafia do kolejnej wersji, a nie do przypisu w raporcie.
 

Przekazanie

Developerzy dostają bibliotekę komponentów, redline'y i specyfikacje interakcji, więc zbudowane zostaje dokładnie to, co zatwierdzono na warsztacie. Przekazujemy działający plik, a nie zestaw statycznych obrazków do interpretacji.
 
_projects
160+

Projektów zrealizowanych od 2013 roku

_industries
15+

Branż na całym świecie

_estimate
48h

Tyle czekasz na wycenę projektu

_screens
400

Ekranów zaprojektowanych w ramach UX i UI BizBota

_pages
21

Landing page'y zaprojektowanych dla BizBota

Udane projekty

Przeczytaj, jak projektowanie zaczynające się od discovery sprawdziło się u klienta, od początku do końca

Case study
Didrik Martens

Didrik Martens

BizBot CEO

BizBot - Warsztat discovery, badania UX i projektowanie UI dla platformy BizBot, która pozyskała 6,4 mln NOK (ok. 713 tys. USD) i dołączyła do akceleratora Copenhagen FinTech.
"Order Group poświęca czas na zdefiniowanie zakresu i zadaje pytania, które wszystko wyjaśniają. Dzięki ich kanałom komunikacji zdalne zarządzanie projektem idzie gładko."
BizBot

Trzy nawyki z projektu BizBot, które przenosimy do każdego projektu produktowego, niezależnie od tego, od której dyscypliny zaczynasz.

Dlaczego warto wybrać nas do projektowania produktu

Projektowanie z empatią

Projektowanie z empatią

W BizBocie najpierw ustaliliśmy, czego potrzebują użytkownicy platformy - na sesjach discovery z jej founderami i interesariuszami. Te badania przełożyły się bezpośrednio na 400 ekranów, które zaprojektowaliśmy dla platformy.

Ten proces zaczyna się od warsztatu discovery, a nie od formularza do wypełnienia: założenia sprawdzamy bezpośrednio z ludźmi, którzy będą korzystać z produktu.

Projektowanie oparte na danych

Projektowanie oparte na danych

Badania użytkowników pokazały, jakie problemy ma rozwiązać design BizBota, i na tych samych badaniach oparliśmy 21 landing page'y oraz ponad 50 elementów graficznych, które dostarczył zespół.

Wireframe'y poprawiamy na podstawie tego, co pokazują badania, więc każdą decyzję projektową da się powiązać ze źródłem.

Zwinny design thinking

Zwinny design thinking

Projektujemy w krótkich cyklach równolegle z developmentem: propozycja, test z użytkownikami, poprawka. Dzięki temu decyzja dotycząca UX czy UI pozostaje otwarta, dopóki testy z użytkownikami nie potwierdzą, że działa.

Każdy cykl kończy się czymś, co można przejrzeć: wireframe'em, klikalnym ekranem albo komponentem, gotowym do feedbacku od razu.

Product design i UX/UI dla fintechu, energetyki i produktów konsumenckich

Marki, dla których projektowaliśmy

Wycena w 48h

Umów warsztat discovery

Omów swój produkt z naszym zespołem projektowym i wyjdź z rozpisanym planem UX/UI - z kosztem, harmonogramem i składem zespołu.

FAQ dla founderów

Daria Gusieva
Daria Gusieva
Head of Design
Umówmy spotkanie

  • Harmonogram zależy od zakresu: odświeżenie UI istniejącego produktu idzie szybciej niż pełne projektowanie UX i UI zaczynające się od warsztatu discovery. Umów warsztat, a rozpiszemy etapy z harmonogramem dla każdego z nich, żebyś wiedział, czego się spodziewać, zanim podpiszesz umowę. W BizBocie projekt w skali całej platformy przeszedł pełny proces od discovery do UI, a samo odświeżenie UI mniejszej funkcji mieści się w dużo krótszym harmonogramie.

  • Zaczynanie od UI przed badaniami UX zwykle kończy się przeprojektowaniem interfejsu, kiedy testy z użytkownikami ujawnią problemy, które badania wyłapałyby wcześniej. W BizBocie badania odbyły się, zanim narysowaliśmy pierwszy wireframe.

  • Warsztat discovery zamienia rozproszone założenia o Twoich użytkownikach w jeden udokumentowany brief, na podstawie którego cały zespół może od razu działać. Taka sesja stoi za platformą BizBot, od pierwszego spotkania jej founderów aż po gotowe wireframe'y. Founderzy wychodzą z pisemnym briefem, który mogą przekazać dowolnemu zespołowi - naszemu albo własnemu - zamiast z ustnymi ustaleniami, których nikt nie zapisał.

  • Projektowanie UX i projektowanie UI to dwa powiązane, ale różne etapy tego samego procesu projektowania produktu:

    • UX Design daje mapę użytkownika, przepływy i wireframe'y - strukturę, na której powstaje ekran.
    • UI Design daje system wizualny: typografię, kolory, komponenty i stany interakcji, zbudowane na tej strukturze.

    Wyceniamy je jako jeden projekt albo dwie osobne usługi, zależnie od tego, co już masz. Na warsztacie discovery ustalamy, której z nich Twój projekt naprawdę potrzebuje. Większość founderów zakłada, że potrzebuje jednej, a w rzeczywistości potrzebuje drugiej - i właśnie takie założenia warsztat discovery ma wyłapać na wczesnym etapie.

  • Tak - projektowanie UX i projektowanie UI realizujemy jako osobne usługi, gdy zakres jest węższy niż pełny projekt produktu. To przydatne, jeśli jedną część masz już pokrytą wewnętrznie. Większość współprac zaczyna się od krótkiej rozmowy, na której ustalamy, którą część już masz.

  • Typowy projekt Product Design kończy się przekazaniem mapy użytkowników i przepływów, zestawu wireframe'ów, biblioteki komponentów UI, redline'ów dla developerów i klikalnego prototypu - to ten sam zestaw, który powstał przy pracach UX i UI dla BizBota. Każdy element dostajesz jako edytowalny plik, a nie statyczny eksport, więc Twój zespół może z nim dalej pracować po zakończeniu współpracy.

  • Wireframe'y, UI i prototypy projektujemy w Figmie, we wspólnym pliku, który Twój zespół może przeglądać i komentować bezpośrednio, bez czekania na prezentację. Plik zostaje dostępny po zakończeniu współpracy, więc Twój zespół ma pełny dostęp do każdego ekranu i komponentu. W każdym projekcie pracujemy w Figmie, więc projektant, który dołącza w trakcie, może przejąć dowolny plik bez wdrażania się.

  • Rozliczamy się godzinowo, więc koszt zależy od zakresu. Najszybciej dostaniesz pisemną wycenę - skład zespołu, harmonogram i koszt dla Twojego produktu - po warsztacie discovery: przygotujemy ją w ciągu 48 godzin od sesji. Samo odświeżenie UI i pełny projekt od discovery do UI to zupełnie różne kwoty i właśnie to warsztat ustala na starcie. Wycena rozpisuje godziny na etapy - discovery, badania UX, projektowanie UI - więc widzisz, na co faktycznie idzie budżet.

  • BizBot: warsztat discovery, badania UX i projektowanie UI - 21 landing page'y i ponad 50 elementów graficznych - dla platformy, która pozyskała 6,4 mln NOK (ok. 713 tys. USD) i dołączyła do akceleratora Copenhagen FinTech.

Żeby odkryć, czego naprawdę potrzebuje Twój produkt

Twoja wiadomość trafi do

Filip Szamborski

Filip Szamborski

Board Member

współpracowaliśmy m.in. z markami:

Dziękujemy za wiadomość.

Każdą wiadomość czytamy sami i odpowiadamy w ciągu 48 godzin w dni robocze.

Coś pilnego? [email protected]

Pracujmy razem!

Pracujemy na miejscu, w Twoim biurze, kiedy to pomaga, bo zaufanie w projekcie designowym buduje się twarzą w twarz.

Pola oznaczone gwiazdką (*) są wymagane.

Zwykle odpowiadamy w ciągu 48 godzin w dni robocze - człowiek, nie autoresponder.

Korzystasz z asystenta AI? Może wysłać to zapytanie za Ciebie - wskaż mu llms.txt.