Przejdź do treści
DevUzDevUz Studio
Prototyp z animacją

Harvest in Motion

Prototyp strony z animacją sterowaną przewijaniem: klient otwiera link i przewija działającą stronę, zamiast oglądać makiety.

Zobacz projekt

2

koncepcje wizualne do wyboru

0

KB bibliotek animacji

3

języki w prototypie

Zadanie

Klient pokazał stronę europejskiego konkurenta i zapytał, czy takie animacje są w ogóle realne. Nie odpowiadaliśmy słowami w kosztorysie — zbudowaliśmy działający prototyp na osobnej subdomenie. Scena przewijania „Lot plonów”: suszone owoce wchodzą w kadr, dołączają do nich orzechy, plony trafiają do koszy, kartony jadą do załadunku, dalej — trasy eksportowe, a przy tym od razu wyliczenie, ile linii kodu kosztuje każdy efekt. Obok dwie pełne koncepcje wizualne — ciemna, kinowa i jasny katalog — oraz sama strona w trzech językach z prawdziwą treścią i panelem administracyjnym. Wszystko zebrane na jednej stronie prezentacyjnej z uczciwym podsumowaniem, które dane są potwierdzone, a które uzupełniono wartościami branżowymi. Zero bibliotek animacji: position: sticky, transform i jedna obsługa przewijania; przy włączonym prefers-reduced-motion scena pokazuje końcowe kadry bez ruchu. Po obejrzeniu klient musi podjąć tylko jedną decyzję — wybrać kierunek.

Zadzwoń lub napisz — odpowie człowiek z zespołu

Telegram @Devuz_studio_bot

// odpowiemy w 20 sekund

Menedżer już tu jest i czeka na Twoją wiadomość

Napisz na czacie, co trzeba zrobić. Pierwsza odpowiedź przychodzi w 20 sekund, całą dobę — jeśli się nie zmieścimy, dajemy rabat 30% na projekt. Rozpracujemy zadanie od razu w rozmowie i podpowiemy, od czego zacząć.

D

Menedżer DevUz

już tu jest i czeka na Twoją wiadomość

online
Odpowiedź w 20 sekund · 24/7Nie zdążymy — rabat 30% na projekt
Dzień dobry! Opisz własnymi słowami, co trzeba zrobić — stronę, aplikację, marketplace, produkt AI. Odpowiem od razu i podpowiem, od czego zacząć.

Kontynuując rozmowę, wyrażasz zgodę na przetwarzanie danych osobowych.

Albo zostaw kontakt

Wysyłając formularz, wyrażasz zgodę na przetwarzanie danych osobowych — polityka prywatności.