Белый мыс: дизайн и цифровая архитектура, которые передают масштаб

Проблема и контекст рынка:

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

Турист ищет продуманный до мелочей отдых, сопоставимый с лучшими мировыми курортами

Пользователи все чаще планируют свой отдых через онлайн-платформы, преимущественно с мобильных устройств

Поэтому Винному городу «Белый мыс», принимающему значительный туристический поток, было необходимо:

Автоматизировать процесс покупки и бронирования для простоты в использовании

Предоставить платформу, которая объединяет все направления комплекса и показывать масштаб проекта

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

Белый мыс — уникальный по своему масштабу и концепции центр винной культуры в России, город Геленджик. На одной территории вокруг вина объединяются гастрономия, события, культура и наука. 

Чтобы объединить все направления проекта в единую цифровую платформу потребовалось разработать онлайн-витрину и собрать e-commerce портал с нуля.

Проблема и контекст рынка:

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

• Турист ищет продуманный до мелочей отдых, сопоставимый с лучшими мировыми курортами

• Пользователи все чаще планируют свой отдых через онлайн-платформы, преимущественно с мобильных устройств
  

Поэтому Винному городу «Белый мыс», принимающему значительный туристический поток, было необходимо:

• Автоматизировать процесс покупки и бронирования для простоты в использовании

• Предоставить платформу, которая объединяет все направления комплекса и показывать масштаб проекта

Функциональность проекта:

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

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

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

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

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

Дизайн, продуктовая матрица, интерактивность:

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

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

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

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

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

Интеграции: 

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

• Ticketnet — покупка билетов в музей, кинотеатр и на мероприятия;

• Restaplace — онлайн-бронирование столиков в ресторанах;

• Bitrix24 CRM — автоматическая передача заявок и обращений;

• 1С — синхронизация ассортимента и остатков энотеки;

• Колл-трекинг и виртуальная АТС — единый контакт-центр и аналитика обращений.

Ключевые UX/UI решения:

Принцип 60/40: Не менее 60% площади страниц занимают высококачественные фото- и видеоматериалы (архитектура, природа, интерьеры), и не более 40% — текст. Размеры и пропорции изображений варьируются в зависимости от композиции экрана и решаемой задачи. 

Флагманский раздел «Музей вина»: Пространство музея представлено как отдельный иммерсивный продукт. На странице подробно раскрыта концепция трех уровней музея, экспозиции, мультимедийные зоны.

Гибкая навигация: Основные пункты меню (Музей, Афиша, О проекте, Как добраться) вынесены в хедер, а на мобильных устройствах аккуратно убираются в бургер-меню. Внизу страницы расположен полноценный пресс-центр с публикациями и новостями.

Адаптация интерактивной карты: Работу карты на мобильных устройствах обеспечили через серию UX-тестирований и итерационных улучшений. Мы анализировали удобство взаимодействия, вносили необходимые корректировки и продолжаем развивать решение.

Архитектура проекта и технологический стек:

Учитывая масштаб пространства и разнородность бизнес-процессов, новый сайт Белого мыса спроектирован на высокопроизводительном технологическом стеке.

Headless-подход: Бэкенд реализован на 1С-Битрикс, а фронтенд — на Nuxt (Vue.js) с серверным рендерингом (SSR). Это обеспечивает быструю загрузку страниц, высокую производительность при пиковых нагрузках в летний сезон и гибкость при внедрении новых функций.

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

Промежуточные результаты:

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

Ключевым результатом проекта стал кастомный конструктор страниц, который является нестандартным решением для разработки на базе 1С-Битрикс. Такая система управления контентом позволяет быстро масштабировать сайт под новые направления.