Гастро-бар «‎Орбита»‎

Главное о кейсе

Наша задача заключалась в том, чтобы разработать сайт, который не только воплотит креативные идеи, но и эффективно конвертирует цифровых посетителей в гостей оффлайн пространства. Сайт Орбиты воплотил креативную концепцию: «космический» дизайн, сложная анимация и интерактивные элементы создают уникальный пользовательский опыт, передающий атмосферу заведения. Клиент в восторге от результата, а сайт превратился в настоящую «визитную карточку» бренда, где каждый элемент работает на впечатление и вовлечение посетителей.

Как проект изменил жизнь пользователей

«Орбита» изменила привычный сценарий знакомства с рестораном: вместо стандартного сайта с меню и контактами пользователь получает первое впечатление о месте еще до визита.

Мы превратили digital-пространство в продолжение атмосферы ресторана: через визуальный сторителлинг, интерактивы и анимацию пользователь знакомится с концепцией, изучает пространство и постепенно проходит путь от интереса к решению прийти в «Орбиту».

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

Бизнес-задача и ее решение

Концепция заведения строилась на идее двойственности: днём — уютное пространство для завтраков, обедов и ланчей, а ночью — живая концертная площадка. Эту трансформацию мы отразили в дизайне главного экрана, вложив в него дух смены времён суток и настроений.

Среди графических приёмов, которые легли в основу визуального языка:

1. Пластинка как орбита — символ музыки, вращающейся в ритме дня и ночи;

2. Орбитальный музыкальный плейлист, где треки сменяют друг друга

3. Абстрактные постеры, в которых космический корабль обретает неожиданную форму круассана, что стало отсылкой к утренней атмосфере заведения;

4. Типографика, развивающаяся по орбитальной траектории для подчёркивания динамики и ритма;

5. Анимированный фон с летающими звёздами, создающий ощущение бесконечного движения между кулинарным и музыкальным мирами.
Результат.

Создавая в no-code-средах сложные анимации и дизайн, не забывайте после каждого обновления проверять скорость загрузки. Даже самое красивое космическое путешествие не состоится, если пользователь не дождётся взлёта :))

Крафт (мастерство), реализация, технические детали

1. Интерактивный звёздный фон

Динамический фон, где звёзды реагируют на движение курсора. Сами написали уникальный скрипт, который отрисовывает звёзды в реальном времени, тщательно оптимизировав его.

2. Орбитальная галерея и карта лояльности

Разработали концепцию карты лояльности в виде небесных тел. Для её реализации адаптировали готовое решение от Matilda Design — галерею, планеты которой вращаются по орбите.

3. Уникальные космические анимации в Tilda

Летающая космическая звезда, анимированные планеты и вращающаяся виниловая пластинка, сложные пошаговые переходы, созданные с нуля.

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

Предложили 3 концепции и сформировали гипотезы:

«Космос»: футуристичный интерфейс с индустриальными графическими элементами повысит вовлеченность молодой аудитории за счет эффекта новизны.

«Классика»: визуализация исторических зон особняка в интерфейсе усилит эмоциональную связь гостя с пространством и увеличит среднее время пребывания.

«День/Ночь»: два режима отображения главного экрана светлый и темный позволят увеличить конверсию в бронирование и показать разносторонний функционал заведения - днем пространство является классным местом для завтраков, обедов и ланчей, а ночью превращается в концертную площадку.

Скриншоты

Комментарий заказчика

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

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

С ребятами можно быть уверенными - проект будет сделан круто и без единой трудности.

Спасибо за теплые продуктивные встречи и реализацию идей на высшем уровне! Самые настоящие профи и, теперь еще и одни из любимых коллег на агентстком рынке.

ХОХО