Wróć na stronę główną
Mockupy / Design

Zobacz, jak projektujemy.

Prawdziwe, działające mockupy, nie zrzuty ekranu. Kliknij dowolny, aby otworzyć go w pełnym rozmiarze i sprawdzić, jak zachowuje się na telefonie.

Kredens: rezerwacja stolika w 3D

Rezerwacja stolika, w której najpierw widzisz salę. Cała restauracja jest modelowana w 3D i renderowana na żywo, obracasz ją, najeżdżasz na stolik, klikasz i rezerwujesz. Zmień godzinę, a dostępność przeliczy się w całej sali: zielone pierścienie robią się czerwone. Poproś o stolik dla sześciu osób, a dwuosobowe same się wykluczą. Jest też widok z góry, jak plan sali. Drewno, mosiądz i światło świec, wszystko liczone w przeglądarce, bez wtyczek.

3DWebGLRestaurantBookingUX

Trakt: magazyn i wysyłki

System dla hurtowni, w którym magazyn, zlecenia i kierowcy to jeden obieg. Przydzielasz kierowcę do zlecenia, klikasz „Wyślij", towar schodzi ze stanu, kierowca rusza w trasę, a jego bus jedzie po mapie Polski z Łodzi do klienta. Dojechał: zlecenie zamyka się samo, kierowca wraca na listę wolnych, licznik dostarczonych palet rośnie. Stan spadł poniżej minimum? System ostrzega, zanim zabraknie, i nie pozwoli wysłać towaru, którego nie ma. Mapa nie jest obrazkiem, granica i miasta są rysowane z prawdziwych współrzędnych, więc trasa do Szczecina trwa dłużej niż do Krakowa.

Apogeum: segment naziemny

Koncepcyjna strona dla platformy, która ściąga dane z satelitów na orbicie. Nic tu nie jest obrazkiem: globus obraca się i renderuje w czasie rzeczywistym, satelita naprawdę okrąża Ziemię i wysyła wiązkę do stacji, nad którą właśnie przelatuje. Radar ma prawdziwy omiatający promień, a widmo sygnału liczy się piksel po pikselu, klatka po klatce. Bursztyn i cyjan jak na konsoli radarowej, całość złożona w IBM Plex, kroju zaprojektowanym dla inżynierów. Interfejs ma działać, a nie udawać, że działa.

WebGLCanvasAnimationSaaSLandingSpace Tech

Modrak: Polska manufaktura ceramiki na nowo.

Koncepcyjny projekt strony, w którym wzór nie jest zdjęciem. Każda kropka na tym talerzu powstaje w kodzie, dokładnie tak, jak w pracowni: jedno odbicie gąbki po drugim. Kobalt na ciepłej porcelanowej bieli, wysokokontrastowa antykwa i jeden motyw, który niesie cały layout. Tak właśnie projektujemy: szukamy tego jednego detalu, który opowiada historię marki, a potem budujemy wokół niego wszystko inne.