Задача

Команда разработчиков Web3-игры Uranus обратилась к нам с запросом на создание стильного, информативного и динамичного лендинга, который бы отражал атмосферу игры и привлекал внимание аудитории.

Разработка дизайна

Для работы нам были предоставлены игровые ассеты, на основе которых мы сформировали визуальную концепцию. Ключевым референсом послужил промо-сайт фильма „Шазам“, что вкупе с игровыми ассетами помогло задать направление дизайна.

Мы создали детализированный макет в Figma, адаптированный под разные устройства, с продуманными интерактивными анимациями и их описанием для дальнейшей разработки.

Верстка и моушн анимация

После утверждения дизайна мы реализовали адаптивный лендинг с кроссбраузерной поддержкой на Next.js. Для создания плавных motion-эффектов и параллакса при скролле мы использовали Framer Motion.

Результаты

Готовый лендинг полностью передаёт стиль 2D-игры Uranus, создавая захватывающую атмосферу за счёт проработанного визуального оформления и плавных анимаций. Интерактивные motion-эффекты и параллакс-анимация придают сайту динамичность, а адаптивная вёрстка гарантирует комфортное взаимодействие на любых устройствах.

Благодаря грамотной интеграции игровых ассетов, проработанной UI-анимации и технологическому стеку (Next.js + Framer Motion), лендинг получился ярким, информативным и вовлекающим, что способствует повышению интереса аудитории к игре и её будущему релизу.