studio ruchu, UX i produktu cyfrowego

Projektujemy interfejsy, które żyją w ruchu.

Studio na styku motion designu, badań UX i inżynierii produktu. Budujemy cyfrowe doświadczenia, w których każda klatka animacji ma sens.

Zacznij projekt Zobacz prace

lat na rynku: 08
wdrożonych produktów: 64
nagród branżowych: 11

live render / 60 fps

01 co robimy

Trzy dyscypliny, jedno rzemiosło.

Łączymy ruch, badania i inżynierię w spójny proces. Każdy projekt zaczyna się od pytania, a kończy w rękach użytkowników.

Motion Design

Systemy animacji, mikrointerakcje i sygnatury ruchu, które nadają produktowi charakter i prowadzą użytkownika bez słów.

micro-interakcje
lottie
sygnatury ruchu

Product UX

Badania, architektura informacji i przepływy oparte na danych. Projektujemy decyzje, nie tylko ekrany.

badania
flow
design system

Prototypy

Interaktywne, klikalne prototypy w wysokiej wierności. Testujemy hipotezy zanim padnie pierwsza linijka kodu produkcyjnego.

hi-fi
testy
walidacja

02 wybrane prace

Realizacje, które nie stoją w miejscu.

Cztery wybrane realizacje. Nazwy anonimowe, prawdziwe podejście do rzemiosła.

01 fintech

Projekt cyfrowy

Interfejs dla złożonych przepływów finansowych. Motion design, który tłumaczy skomplikowane operacje na płynny, czytelny ruch.

motion
design system

02 mobility

Aplikacja mobilności

Aplikacja współdzielenia pojazdów z mapą reagującą w czasie rzeczywistym. Zaprojektowaliśmy całą warstwę interakcji i onboarding.

ux
prototyp

03 brand

Identyfikacja wydarzenia

Generatywna identyfikacja wydarzenia kulturalnego. Każda klatka plakatu powstaje z tego samego kodu, co strona.

generative
brand

04 healthtech

Platforma zdrowia

Platforma zdrowia cyfrowego. Badania z użytkownikami, architektura informacji i biblioteka komponentów dla dużego zespołu.

ux
research

03 jak pracujemy

Od zapytania do wdrożenia.

Proces jest liniowy tylko na papierze. W praktyce wracamy, testujemy i poprawiamy, aż ruch jest bez zarzutu.

01
Odkrycie

Warsztaty, wywiady i audyt. Rozumiemy biznes, użytkowników i ograniczenia zanim narysujemy pierwszy prostokąt.
02
Kierunek

Koncepcje, architektura informacji i pierwsze sygnatury ruchu. Ustalamy język wizualny i zasady interakcji.
03
Rzemiosło

Projekt w wysokiej wierności, system komponentów i prototyp, który da się kliknąć i przetestować na żywo.
04
Wdrożenie

Współpracujemy z inżynierią przy implementacji. Dopinamy detale animacji piksel po pikselu, klatka po klatce.

04 narzędzia

Stack, który nadąża za pomysłem.

Dobieramy narzędzia do problemu, nie odwrotnie. Od prototypu w Rive po produkcyjny WebGL.

Design

Figma
Rive
After Effects
Blender
Spline

Kod

Svelte
React
WebGL
GSAP
Three.js

Badania

Maze
Dovetail
Hotjar
Lookback

Proces

Linear
Notion
Storybook
Git

Wierzymy, że ruch to język. Dobrze zaprojektowana animacja nie ozdabia, tylko tłumaczy. Dlatego każdą klatkę traktujemy jak zdanie.

05 zaczynamy

Masz pomysł, wprawmy go w ruch.

Opisz swój projekt w kilku zdaniach. Odpowiadamy w ciągu jednego dnia roboczego z konkretnym pomysłem na pierwszy krok.