ENRUES
Сайты и сервисы

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

Знакомство с Continuum начинается до поездки

Море, камень, свет и пространство резиденции стали отправной точкой сайта. Мы связали знакомство с местом, выбор апартаментов, путь к бронированию и помощь AI-консьержа. Отдельный пространственный сценарий ведёт от аксонометрии здания и планов апартаментов к панорамам. За гостевой частью — собственные инструменты команды для содержания сайта, услуг, фотографий и обращений.

Continuum — резиденции среди скал на Адриатическом побережье
Гостевой сайт опубликован. Бронирование представлено на рабочем стенде; архитектурный и 360° тур — отдельный прототип.
Открыть сайт

Задача

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

Команда

Дизайнер из команды — визуальное оформление. Андрей — архитектура, Next.js, собственные модули Strapi, интеграции и AI-консьерж.

01

Визуальный стиль: море, камень и свет

Архитектура комплекса задала характер сайта: просторные композиции, светлая палитра и тонкая типографика. Дизайнер из нашей команды разработал этот стиль; Андрей перенёс макеты Figma в адаптивный интерфейс и развивал его вместе с командой.

Палитра

#FFFFFF
#D2C2B0
#FEE8C4
#0E1A40

Типографика

Заголовки

JULIUS SANS ONE

SEA. SPACE. SERENITY.

Текст и интерфейс

Manrope

Место, к которому хочется вернуться.

02

Познакомиться с местом до поездки

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

Гостевой сайт: знакомство с комплексом на компьютере и телефоне
Continuum — mobile
Гостевой сайт: знакомство с комплексом на компьютере и телефоне
03

Материалы как часть истории места

Раздел Noble Materials показывает архитектурные детали, фактуры и выбранные материалы. Асимметричная композиция соединяет крупные фотографии с короткими пояснениями; на мобильном те же элементы выстроены в последовательный рассказ.

Noble Materials: фактуры, архитектурные детали и партнёры
Continuum — mobile
Noble Materials: фактуры, архитектурные детали и партнёры
04

Отдых у воды

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

Бассейн и отдых у моря
Continuum — mobile
Бассейн и отдых у моря
05

Почувствовать атмосферу SPA

Чередование крупных кадров и подробностей раскрывает пространство SPA. Содержание страницы команда обновляет через Strapi.

SPA: услуга и её детали
Continuum — mobile
SPA: услуга и её детали
06

От дат поездки к бронированию

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

Апартамент Nella Roccia: выбор дат и тарифы; интерфейс бронирования в отдельном рабочем окружении
Апартамент Nella Roccia: выбор дат и тарифы; интерфейс бронирования в отдельном рабочем окружении
07

AI-консьерж до и после входа

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

CONCIERGE AI

Помощь до поездки и во время отдыха

Помогает разобраться в резиденции до поездки и найти нужную информацию во время проживания.

Публичный консьерж

До входа

Отвечает по утверждённым материалам о резиденции: правилам, услугам и удобствам. Ссылки ведут к источникам в Guidebook.

  • Утверждённая база знаний
  • Ответы со ссылками на источники

Гостевой консьерж

После входа

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

  • Контекст, доступный этому гостю
  • Сохранённая история чатов

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

Публичный AI-консьерж Continuum: ответ о времени заезда и ссылка на источник в Guidebook, компьютерная версияПубличный AI-консьерж Continuum: ответ о времени заезда и ссылка на Guidebook на телефоне
На снимках консьерж отвечает на вопрос о заезде и даёт ссылку на соответствующую статью Guidebook.
  1. Вопрос

    Посетитель спрашивает о заезде, правилах, услугах или удобствах.

  2. Доступ и знания

    Консьерж использует утверждённые материалы и доступный гостю контекст.

  3. Ответ и следующий шаг

    Показывает ответ и источники. Бронирования, цены и запросы подтверждает команда.

08

Команде проще работать с обращениями

Гостевые обращения и связанные с ними сведения о проживании собраны в Guest Manager. Мы разработали формы и отдельный экран в Strapi, чтобы сотрудники работали с этой информацией в одном месте.

Guest Manager: работа с гостями
Guest Manager: работа с гостями
09

Обновлять услуги по мере жизни комплекса

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

Amenity Manager: услуги комплекса
Amenity Manager: услуги комплекса
10

У каждой фотографии своё место

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

Media Manager: подбор, порядок и размещение фотографий
Media Manager: подбор, порядок и размещение фотографий
11

Рассмотреть резиденцию перед прогулкой

Мы связали архитектурный план с виртуальным туром, чтобы гость мог представить, как расположены резиденция, сад и бассейн. Здание можно рассмотреть целиком, а затем заглянуть в Vicino, M1 или M2. Открывается план выбранных апартаментов; окружающая архитектура помогает понять их место в комплексе.

CONTINUUM / ARCHITECTURE
Выбрать план
Аксонометрический вид резиденции Continuum, сада и бассейна — Комплекс целиком
Аксонометрический вид резиденции Continuum, сада и бассейна — Vicino · Garden
Аксонометрический вид резиденции Continuum, сада и бассейна — M1 · первый этаж
Аксонометрический вид резиденции Continuum, сада и бассейна — M2 · первый этаж

Для виртуального тура мы превратили архитектурные материалы комплекса в интерактивный план.

12

С плана — к виду у бассейна

Выберите Infinity Pool на карте и оглядитесь в настоящей панораме. Мини-карта сохраняет связь с выбранным местом. В полном прототипе гость переходит между ракурсами и возвращается к плану; на телефоне доступны те же ориентиры.

CONTINUUM / INFINITY POOLMAP ↔ 360°
Infinity Pool: панорамный вид на резиденцию, бассейн и море

Здесь показана одна сцена из прототипа виртуального тура — Infinity Pool.

От выбора апартамента до подготовки проживания

  1. 01

    Открыть место и выбрать апартамент

  2. 02

    Проверить даты и отправить запрос

  3. 03

    Подготовить проживание и услуги

  4. 04

    Управлять контентом и работой команды

Команда обновляет описание апартамента, фотографии и услуги в Strapi. Эти данные используются на гостевом сайте и в инструментах управления проживанием.

Дизайнер из команды разработал визуальный стиль. Андрей реализовал сайт на Next.js и backend на Strapi, инструменты для медиа, услуг и гостей, погодный API и путь бронирования через Beds24. Для AI-консьержа создал поиск по базе знаний и два сценария: помощь посетителю до входа и ответы с разрешённым контекстом апартамента или проживания в гостевом кабинете.

Результат

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

Как устроена работа за гостевым сайтом

Собственные модули Strapi созданы под работу гостиничного комплекса. Редактор обновляет услугу или фотографию один раз; сайт использует опубликованный материал на нужных страницах.

01

Апартаменты и услуги

Команда связывает апартаменты с комнатами, услугами, фотографиями и статьями Guidebook. Мы собрали эти связи в модулях Strapi, чтобы редактор работал с содержанием комплекса, а сайт показывал его в нужном месте.

02

Media Manager

Назначение, порядок, кадрирование, проверка черновика и выборочная публикация. Галереи следуют структуре объекта и комнат.

03

Beds & Booking · Guest Manager

Путь бронирования через Beds24 связывает выбор дат с данными о проживании. Guest Manager даёт команде отдельный инструмент для обращений и информации о гостях. Подключение внешних каналов и оплат зависит от конфигурации конкретного комплекса.

04

База знаний и поиск

Консьерж ищет информацию в опубликованных страницах, Guidebook и описаниях апартаментов. Команда обновляет материалы в Strapi; поиск находит подходящие фрагменты, а ответы о комплексе проверяются по этим источникам.

05

Доступ и контекст гостя

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

06

Полезный Guidebook

Контекстная информация для гостя, сервисы и погодный виджет через API дополняют сценарий проживания.

07

Прогулка по комплексу

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

Материалы проекта
Следующий проектDelochat