ROOKS
ENUA
КейсСайт студії

OneZero: кейс сайту студії Web3-продуктів

Сайт студії Web3-продуктів з історією, що розгортається під час прокрутки, і 3D.

Переглянути сайт

Головна сторінка

Клієнт
OneZeroСтудія розробки продуктів, створена засновниками для засновників, Валенсія, Іспанія.
Тип
Сайт студіїСайт студії дизайну, розробки й маркетингу з фокусом на Web3.
Наша частина
ВеброзробкаІнтерфейс, 3D-сцени, анімація прокрутки та CMS за наданим дизайном.
Стек
Next.js · Payload CMS · GSAP · Three.jsІнтерфейс на Next.js, контент у Payload CMS, анімація на GSAP, 3D на Three.js.
Терміни
4 тижніВід наданого дизайну до запуску сайту.

Про проєкт

Сайт студії, що оживає під час прокрутки

Ми перетворили дизайн OneZero, студії Web3-продуктів, на сайт, де історія розгортається під час прокрутки: 3D-сцени, покадрова анімація ракети й контент, який команда редагує в Payload CMS. Проєкт зайняв 4 тижні.

тижні від дизайну до запуску
4
напрями послуг: дизайн, розробка, маркетинг
3
етапів у фреймворку студії
6

Бриф

Завдання

Перетворити дизайн студії Web3-продуктів на сайт з анімацією прокрутки, 3D-сценами та контентом, який можна редагувати.

  1. <01> Вхід · Від клієнтаГотовий дизайн
  2. <02> ROOKS · 4 тижніВеброзробка
  3. <03> Результат · ЗапущеноСайт студії з анімацією прокрутки

Що ми зробили

Сайт студії, зібраний як запуск продукту: історія, 3D і CMS за лаштунками.

  • Інтерфейс і 3D

    Next.js зі сценами Three.js і плавною прокруткою.

  • Анімація

    Історія на прокрутці й покадрова анімація ракети.

  • CMS

    Payload CMS для редагування сторінок і послуг.

На живому сайті

Ключові функції

Перший екран
Заголовок «Full-service dev studio» з бігучим рядком слоганів.
Послуги
Колонки дизайну, розробки й маркетингу, у кожної своя сторінка.
Фреймворк
Пронумеровані етапи від дослідження до запуску й «GO».
Наша історія
Картки засновників з ролями.
Анімація ракети
Покадрова секвенція зображень у фінальному заклику.
Місцевий час
Живий годинник Валенсії в шапці й футері.
Сайт студії OneZero: екран 1 з 4
Сайт студії OneZero: екран 2 з 4
Сайт студії OneZero: екран 3 з 4
Сайт студії OneZero: екран 4 з 4

Ваш проєкт

Плануєте сайт студії?

Надішліть нам свій дизайн. Дмитро відповідає протягом 1–3 робочих днів.

Дмитро ГрачовЗасновник, відповідає особисто

hello@rooks.team

Обговорімо проєкт

Почнімо з розмови

Домовитися про дзвінок

Розкажіть, що потрібно створити, на якому етапі дизайн і що важливо для запуску. Обговоримо технічний обсяг і зрозуміємо, чи підходимо одне одному.

Дмитро Грачов, засновник ROOKS

Дмитро ГрачовЗасновник, відповідає особисто

Або напишіть на:hello@rooks.team
Я представляю
Обов’язкові поля. Ваші дані використаємо лише для відповіді на цей запит. Дмитро відповідає протягом 1–3 робочих днів.