Как мы создали сайт для зумеров на Tilda, который занял 3 место в Рейтинге Рунета.

1. Вводная задача от заказчика, проблематика, цели

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

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

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

Основные требования:

• создать сайт на основе фирменного стиля клиента, усилив его в digital-среде
• передать атмосферу заведения через визуал и сценарий взаимодействия, а не только через контент
• отразить авторский подход Вани, избегая прямых и очевидных ассоциаций с личным брендом
• интегрировать маскот, сохранив взрослую эстетику и избегая упрощения до мультяшности
• создать «космический» сайт с уникальной визуальной логикой, не опираясь на очевидные отсылки к одноимённому хиту

2. Описание реализации кейса и творческого пути по поиску оптимального решения

Для этого проекта мы разработали несколько концепций на выбор.

Первая концепция: Серьёзный космос

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

Вторая концепция: Классика

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

Третья концепция: День/Ночь

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

Графические приемы, которые мы хотели внедрить:

• -Использование пластинки как орбиты
• -Использование орбитального музыкального плейлиста
• -Абстрактные постеры, где корабль представлен в форме круассана
• -Типографика по “орбите”
• -Анимированный фон из летящих звезд

Коммуникация:

В основе сайта лежит визуальный сторителлинг: блоки связаны между собой плавными переходами, анимацией и единым фоновым оформлением.

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

Плагины, которые помогли нам сделать сайт интерактивным:

1. Настройка интерактивного фона с движущимися звездами: реакция на движение мышкой, звездный фон для всего сайта

Такая анимация усиливает эффект погружения и делает взаимодействие с сайтом более живым. На базе существующих модификаций мы разработали собственный код, который отрисовывает звезды в реальном времени, и аккуратно встроили его в сайт с минимальной нагрузкой на оптимизацию.

2. Орбитальность: карта лояльности для создания ощущения космического пространства

Мы разработали дизайн карт и адаптировали готовое решение летающей по орбите галереи (от Matilda design). В итоге анимация органично встроилась в общую концепцию и усилила ощущение движения и пространства.

3. Космическая звезда, летающие объекты и анимированные планета и пластинка: сложные анимации, настроенные в Tilda

Мы спроектировали и реализовали пошаговые анимации, которые редко встречаются в no-code проектах. Идеи были заложены ещё на этапе дизайна, а затем детально разобраны по логике движения и взаимодействия — это позволило создать действительно нестандартный визуальный опыт и выделить проект на фоне типовых сайтов.

3. Результаты сотрудничества

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

Проект превратился в ключевую точку контакта с брендом — не просто сайт, а инструмент, который удерживает внимание, усиливает восприятие и работает на имидж. Клиент высоко оценил результат, а сам кейс занял 3 место в Рейтинге Рунета, подтвердив уровень реализации и нестандартный подход к работе с no-code решениями.