Веб-сайты

Концепт-сайт BIZON со scroll-историей в 3D

Ссылки

О проекте

Этот сайт для энергетика BIZON — внутренний концепт-проект NS Studio: это не заказ клиента и не официальный сайт. Мы хотели показать, как бренд напитка может рассказывать свою историю через 3D-сцены, которые раскрываются при прокрутке, вместо обычного каталога продукции.

Энергетики часто похожи друг на друга: одинаковые банки, одинаковые слоганы. Наш подход — дать почувствовать историю: посетитель слышит, как открывается банка, и сцена за сценой проходит через свежесть, состав, силу и «арены» бренда.

В итоге получился интерактивный сайт с проверкой возраста 18+, шестью вкусами, корзиной и звуковыми эффектами. Концепт показывает подход NS Studio к брендовым сайтам в рамках направления разработка сайтов. Товарный знак BIZON принадлежит ООО «Avrora»; концепт не связан с Avrora.

От банки до арены: история и UX/UI дизайн

Сайт построен как история: каждый шаг прокрутки открывает новую сцену. На первом экране посетителя встречают крупный заголовок «Gücünü aç.» и 3D-банка, которую можно вращать прямо в браузере, а история начинается с момента «Pşşşt.».

Шесть сцен: Свежесть, Что внутри, Сила, Стадо, Вкусы и Арены — у каждой свой цвет, свет и движение.
Шесть вкусов и корзина: карточки Original, Red Line, Sugar Free, Black Diamond, MAX и Diamond Series, добавление в корзину и оформление заказа (в режиме концепта).
Язык бренда: глубокий синий фон, электрически-синие акценты, широкий жирный шрифт и слоганы бренда в бегущей строке.
Ответственность: проверка возраста 18+ и предупреждение о кофеиносодержащем напитке встроены в сайт.

Банка и голова бизона — наши собственные варианты, нарисованные для концепта, поэтому все сцены говорят на одном визуальном языке.

Техническая часть: настоящий 3D в браузере и скорость

3D-сцены работают в браузере в реальном времени: вращение банки, эффекты света и тумана, движение камеры по прокрутке. Пока сцены загружаются, посетитель видит индикатор, а звук включается по желанию.

Сайт рассказывает одну и ту же историю на компьютере и телефоне — в мобильной версии сцены адаптированы под вертикальный экран. Поскольку это не официальный сайт, концепт скрыт от поисковых систем (noindex).

Мы можем сделать такой сайт-историю и для вашего бренда. Посмотрите другие наши работы в разделе проектов или свяжитесь с нами, чтобы обсудить проект.

Связанная услуга

Хотите похожий проект?

Разработка сайтов в Баку: корпоративные сайты, интернет-магазины и лендинги. Уникальный дизайн, адаптивность и готовность к SEO. Бесплатная консультация.

Бесплатная консультация Разработка веб-сайтов →