Product design dla aplikacji, portali i konfiguratorów.
Pierwsze kliknięcie decyduje, czy będzie drugie.
Projektujemy produkty cyfrowe średnich i dużych firm: od celu i ścieżek użytkowników, przez makietę i testy z ludźmi, po interfejs i design system. Gdy produkt jest nowy, wymyślamy mu też nazwę i znak.
Podejście
Co robimy, aby zaprojektować świetny produkt?
Tak pracujemy przy każdym produkcie, od pierwszej makiety po sklep, portal dla partnerów i konfigurator.
-
Najpierw cel
Zanim narysujemy pierwszy ekran, ustalamy, co produkt ma załatwić dla firmy, a co dla ludzi, którzy będą z niego korzystać. Do tych celów wracamy przy każdej decyzji.
-
Potrzeby i ryzyka
Na warsztatach, w rozmowach z użytkownikami i w przeglądzie konkurencji poznajemy prawdziwe potrzeby ludzi i ryzyka dla Waszego biznesu. Dopiero na tym budujemy projekt.
-
Najpierw makieta
Układ ekranów i ścieżki sprawdzamy na klikalnej makiecie, zanim powstanie wygląd. Zmiana na makiecie to chwila, a w gotowym kodzie dużo więcej pracy.
-
Testy z ludźmi
Prototyp dajemy do rąk ludziom, którzy będą z produktu korzystać, i poprawiamy to, na czym się zatrzymują. Każda runda testów daje lepszą wersję.
-
Całe ścieżki
Projektujemy drogę od pierwszego wejścia po zamówienie albo zapytanie, razem z pustymi listami, błędami i komunikatami. Nic nie zostaje do dopowiedzenia.
-
Design system
Z projektu powstaje biblioteka komponentów i zasad. Kolejne funkcje składacie z gotowych elementów, więc produkt rośnie bez projektowania od nowa i zostaje spójny.
-
Projekt, który da się zbudować
Sami też programujemy, więc wiemy, co da się zbudować. Programiści dostają projekt z opisem zachowania każdego elementu i pliki gotowe do wdrożenia.
-
Rozwój po starcie
Po wdrożeniu sprawdzamy, jak ludzie korzystają z produktu, i razem planujemy kolejne funkcje. Do projektu możecie wrócić w każdej chwili, a część pracy przejąć we własnym zespole.
Co projektujemy
Czego potrzebuje Wasz produkt?
Zaczynamy tam, gdzie jest Wasz produkt: od pomysłu, od makiety albo od działającej aplikacji, która wymaga poprawek.
UI/UX design Sklep, portal albo aplikacja, od ścieżek po ostatni ekran
Co robimy
Układamy ścieżki użytkowników i architekturę informacji, a potem projektujemy interfejs na komputer i telefon. Każdy ekran ma opisane stany i zachowanie, więc programiści nie muszą niczego zgadywać.
Co dostajecie
- Architektura informacji i ścieżki użytkowników
- Projekt interfejsu na komputer i telefon
- Design system z biblioteką komponentów
- Specyfikacja i pliki dla programistów
Podobne realizacje
Aplikacja webowa Narzędzie, w którym klienci albo partnerzy pracują na co dzień
Co robimy
Projektujemy portale dla partnerów, panele i bazy wiedzy, czyli miejsca, do których ludzie wracają. Zaczynamy od tego, co użytkownik robi najczęściej, i to ma być najprostsze. Możemy zacząć od samego projektu albo od razu zbudować całość.
Co dostajecie
- Mapa procesów i ról użytkowników
- Projekt widoków i mikrointerakcji
- Design system gotowy na kolejne funkcje
- Wsparcie przy wdrożeniu i rozwoju
Podobne realizacje
Identyfikacja produktu Nazwa, znak i charakter nowego produktu albo usługi
Co robimy
Gdy produkt potrzebuje własnej twarzy, projektujemy jego nazwę, znak, kolory i sposób mówienia. Potem wszystko, czego dotyka klient, czyli stronę, aplikację, opakowanie i materiały na premierę.
Co dostajecie
- Nazwa i znak produktu
- Klucz wizualny i księga znaku
- Strona albo aplikacja w nowym stylu
- Opakowanie i materiały na premierę
Podobne realizacje
Konfigurator produktu Klient sam składa produkt i od razu widzi wynik
Co robimy
Projektujemy konfigurator jak osobny produkt, z kolejnymi krokami, podpowiedziami i podglądem, który zmienia się razem z wyborem. Klient nie musi znać się na produkcie, żeby złożyć zamówienie albo zapytanie.
Co dostajecie
- Kroki i logika konfiguratora
- Podgląd, który zmienia się z każdym wyborem
- Ikony i podpowiedzi przy opcjach
- Koszyk albo zapytanie z pełną konfiguracją
Podobne realizacje
MVP Pierwsza wersja produktu do sprawdzenia na prawdziwych użytkownikach
Co robimy
Razem wybieramy funkcje, bez których nie da się sprawdzić pomysłu, i projektujemy tylko je. Dokładamy analitykę, żeby po starcie było wiadomo, co rozwijać, a co odpuścić.
Co dostajecie
- Zakres pierwszej wersji
- Produkt gotowy do testów z użytkownikami
- Analityka zachowań użytkowników
- Plan kolejnych kroków
Makieta i prototyp Klikalna wersja produktu, zanim powstanie wygląd i kod
Co robimy
Składamy klikalną makietę najważniejszych ścieżek i sprawdzamy ją z Wami i z użytkownikami. Przesuwamy, skreślamy i dopisujemy, zanim cokolwiek zostanie zaprojektowane na gotowo i zaprogramowane.
Co dostajecie
- Klikalna makieta
- Scenariusze do testów z użytkownikami
- Warianty kluczowych ekranów
- Wersja do pokazania zarządowi albo inwestorom
Podobne realizacje
Testy i audyt UX Sprawdzamy, gdzie ludzie się gubią, i mówimy, co poprawić
Co robimy
Oglądamy, jak ludzie korzystają z produktu albo prototypu, przeglądamy dane i porównujemy wersje. Każdy wniosek zamieniamy na konkretną zmianę i ustalamy, od której zacząć.
Co dostajecie
- Audyt użyteczności
- Analiza danych o zachowaniach użytkowników
- Raport z listą zmian według ważności
- Plan wdrożenia poprawek
Co dostajecie?
Produkt sprawdzony z użytkownikami i gotowy do wdrożenia, od sklepu i portalu po aplikację albo MVP. Zostają u Was pliki i design system, więc produkt może dalej rozwijać Wasz zespół, a do większych zmian możemy razem wrócić w każdej chwili.
Co dokładnie dostajecie?
Strategia produktu
Research i analiza
Architektura produktu
Design system
Dokumentacja dla programistów
Nasz proces
Pracujemy etapami i według harmonogramu, więc zawsze wiecie, co robimy, dlaczego i kiedy. Po każdym etapie pokazujemy, co powstało.
Warsztaty i research
Cel i zakres
Ścieżki i architektura
Prototyp i testy
Wdrożenie
Porozmawiajmy o Twojej marce.
Sprawdźmy, czego potrzebujesz i od czego warto zacząć.
Projekty z tą usługą
-
Overmax
Projekt UX/UI sklepu Overmax: auta RC w filmowych ujęciach, dopracowana karta produktu, menu kategorii i test, który dobiera model.
-
Vee
Zaprojektowaliśmy markę Vee z submarkami, stronę vee.ai, aplikacje webowe i materiały na targi, a dla myvee identyfikację i salon.
-
Nowa Stomatologia
Strona krakowskiej kliniki, która umawia na wizytę w dwóch kliknięciach, rozwijana przez cztery lata.
-
Porta Drzwi
Design system dla istniejącego znaku: rama z logo, siatki, ikony, rysunki, katalog, porta.com.pl, social media i materiały dla sprzedaży producenta drzwi.
-
Mily Group
Rebranding dostawcy poroża jelenia: strategia komunikacji, znak, księga znaku, strona milygroup.com i materiały na targi.
-
Grupa Dawtona
Cała komunikacja Dawtony poza półką: ponad 90 projektów, od postów i stoisk targowych po cztery serwisy i animacje.
-
Itodi
Nowa marka mebli na wymiar od zera: nazwa, logo z wydłużonym „o”, projekt sklepu z konfiguratorem, instrukcja i opakowanie.
-
Design Optyk
Rodzinna sieć salonów optycznych premium: identyfikacja bez złota, materiały do salonów i nowy sklep połączony z magazynami sześciu z siedmiu salonów.
-
Fundacja MultiSport
Identyfikacja z design systemem w Figmie, strona zgodna z WCAG i duet brand hero, który zachęca do ruchu.
-
Zippy Tail
Zbudowaliśmy markę Zippy Tail od zera: nazwę, strategię, etykiety ośmiu suplementów dla psów i kotów, paczkę i projekt sklepu.
-
Intima Clinic
Sześć marek medycznych w jednej grupie. Warsztaty, nazwy, identyfikacja, oznakowanie placówki, druki, animacje i strona intimaclinic.pl.
-
PolTREG
Rebranding spółki biotechnologicznej z GPW, strona poltreg.bio dla pacjentów, inwestorów i partnerów oraz stała obsługa.
Z bloga
Wszystkie wpisy-
9 minut czytania
Product Design – czyli co?
Czym jest Product Design? Pojęcie Product Design staje się coraz bardziej powszechne.
Czytaj
-
8 minut czytania
Dlaczego UX i branding muszą iść w parze?
Stajesz właśnie przed wyzwaniem stworzenia brandingu? Sprawdź, dlaczego nie możesz zapomnieć o UX.
Czytaj
-
Ponad 15 minut czytania
Jak projektować aplikację, która przetrwa upływ czasu?
Żyjemy w czasach, gdy aplikacje stają się nie tylko narzędziami codziennej pracy czy rozrywki, ale często kluczowymi elementami biznesu i personalnej organizacji.
Czytaj