Перейти до вмісту
DevUzDevUz Studio
Анімаційний прототип

Harvest in Motion

Прототип сайту з анімацією під час прокручування: замовник відкриває посилання й гортає робочий сайт, а не розглядає макети.

Переглянути проєкт

2

концепції оформлення на вибір

0

КБ анімаційних бібліотек

3

мови в прототипі

Завдання

Замовник показав сайт європейського конкурента й запитав, чи реальні такі анімації. Відповідати словами в кошторисі ми не стали — зібрали робочий прототип на окремому піддомені. Сцена під час прокручування «Політ урожаю»: у кадр виходять сухофрукти, до них підхоплюються горіхи, урожай розкладається по кошиках, коробки вирушають на завантаження, далі — маршрути експорту, і тут же розбір, скільки рядків коду коштує кожен прийом. Поруч — дві повні концепції оформлення, кінематографічна темна і світлий каталог, — і сам сайт трьома мовами зі справжнім контентом та адмінкою. Усе зібрано на одній сторінці-вітрині з чесним зведенням, які дані підтверджені, а які взято із середніх показників галузі. Нуль анімаційних бібліотек: position: sticky, transform і один обробник прокручування; якщо ввімкнено prefers-reduced-motion, сцена показує фінальні кадри без руху. Від замовника після перегляду потрібне єдине рішення — обрати напрям.

Зателефонуйте або напишіть — відповість людина з команди

Telegram @Devuz_studio_bot

// відповімо за 20 секунд

Менеджер уже тут і чекає на ваше повідомлення

Напишіть у чат, що потрібно зробити. Перша відповідь надходить за 20 секунд, цілодобово — не встигнемо, дамо знижку 30% на проєкт. Розберемося в завданні просто в листуванні й підкажемо, з чого почати.

D

Менеджер DevUz

уже тут і чекає на ваше повідомлення

на зв'язку
Відповідь за 20 секунд · 24/7Не встигнемо — знижка 30% на проєкт
Добрий день! Розкажіть своїми словами, що потрібно зробити — сайт, застосунок, маркетплейс, AI-продукт. Відповім одразу й підкажу, з чого почати.

Продовжуючи діалог, ви погоджуєтеся на обробку персональних даних.

Або залиште контакти

Надсилаючи форму, ви погоджуєтеся на обробку персональних даних — політика конфіденційності.