Единый интернет-портал Alean Collection

Девять витрин, которые живут на общем наборе элементов, но без общей системы

Сегодня Alean Collection в цифре — это корпоративный портал-оператор (aleancollection.ru) плюс 9 самостоятельных сайтов отелей, которые собраны из общего набора компонентов, но без единой системы: три разных набора цветов, два стиля заголовков, у каждого — свой поп-ап и своя изолированная форма брони.

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

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

Три опоры концепции

1

Смысловой центр — бренд-архитектура. Одна система «звучит» тремя голосами: Alean Family (семья), Alean Club (активный курорт «всё включено»), Alean Select (индивидуальный отдых). Мировой эталон модели — зонтичные порталы Accor ALL и российский Cosmos.

2

Booking-first опыт. Путь до брони — не более 3 кликов (цель ТЗ), сквозной модуль бронирования, липкий виджет снизу на мобайле. Опираемся на практики лидеров (Островок, Яндекс.Путешествия, Four Seasons, Aman).

3

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

10 витрин без общей системы

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

Три платформы вместо одной системы

Один и тот же кит «перекрашен» по-разному под каждый суб-бренд — сеть визуально читается как три разные компании, а не как одна Коллекция.

Разные акцентные цвета, разные шрифты заголовков, разные слоганы — при идентичной раскладке. Это не индивидуальность брендов, а отсутствие общей системы.

Витрина оператора, а не гостя

• Заголовок Hero — «Коллекция решений!», подача имиджево-корпоративная (тёмно-синий графит, гротеск-капс). Это язык управляющей компании, а не приглашение к отдыху.
• Нет витрины бронирования. На главной портала нет ни формы поиска, ни сетки отелей с ценами — того, что ТЗ выносит в ядро (ФТ-1.2, ФТ-1.3). Путь «гость → бронь» с портала физически не начинается.
• Богаче, чем в ТЗ: на живом портале — 6–7 суб-брендовых линеек (Family, Estency, Health, Emerald, Club, Select, Residence). ТЗ описывает три. Вывод: создавать 3 дизайна с жёсткими рамками — это плохое решение / система должна гибко настраиваться на несколько брендов темами, сохраняя общую тональность и узнаваемость.
• Активы для доверия: баннер «23 500+ номеров · 8 городов · 21 отель · 20 лет».

Пять системных проблем текущего опыта

«Конструктор Коллекции»

Единая дизайн-система и библиотека универсальных блоков, из которых собираются главная, каталог и страницы всех отелей: одинаково узнаваемо как Alean Collection, гибко темизируемо под каждый суб-бренд, и всегда — с бронированием в 2–3 клика.

Бренд-архитектура: одна система, три голоса

Это ядро концепции и ответ на прямое требование ТЗ (трёхуровневая структура + «блоки адаптируются под бренд», ФТ-4, 5.2–5.3).

Принцип: мастер-бренд задаёт единый каркас (сетка, компоненты, поведение брони, тон голоса), а суб-бренд «перекрашивает» его через токены темы (палитра, типографика, иконки, фотостиль). Один и тот же блок-карточка выглядит «семейно» для Family и «горно-премиально» для Select — не ломая единства Коллекции.

Это снимает риск №1, который задаст руководство: «единый шаблон убьёт лицо отелей». Наоборот — сегодня разнобой шрифтов вредит бренду сильнее; система тем (по образцу Rosewood «Sense of Place», Aman) сохраняет характер каждого объекта в единой логике.

Сегодня — разделение на 3 шрифтовых мира / в системе — 1 пара шрифтов, темизируемая цветом

Верхнеуровневый набор токенов, снятый с текущих сайтов и приведённый к системе (финальная калибровка — на этапе дизайна).

‹ ›

Ключевая мысль блока: таким образом и создаётся эффект «лёгкость восприятия» из ТЗ.

Как зонтик отображает суб-бренды

Модель «портал-зонтик над коллекцией брендов» — проверенная в мире и в РФ.

Booking-first: до брони ≤ 3 клика

Прямая цель ТЗ (2.1.2, 2.2.3). Сквозной модуль бронирования доступен из любой точки.

Mobile-first и липкий виджет брони

~60% трафика — мобильный; при этом сегодня ни на одном из сайтов нет закреплённого снизу виджета брони, а поп-ап на мобайле перекрывает весь первый экран.

• Mobile-first раскладка, десктоп/планшет — производные (ТЗ 5.5).
• Липкий виджет брони снизу экрана на мобайле — стандарт отрасли (ТЗ 5.5 прямо это требует).
• Поп-ап — не на загрузке, а по exit-intent/скроллу: конверсия акций сохраняется, первое впечатление — нет.

Головной портал, мобайл

Отель Doville, мобайл

Отель Majestic, мобайл

Как гость перемещается по порталу

Ответ на требование ТЗ «описать логику взаимодействия страниц разных отелей на одном сайте». Три равноправных входа сходятся в один короткий путь к броне.

Сквозные правила, удерживающие единство

• Глобальная кнопка «Забронировать» и единый поиск — в шапке везде.
• Гость фильтрует по намерению (город, «Море/Горы», питание, «с детьми»), а не по бренду — суб-бренд подаётся как чип-ярлык, а не как барьер.
• Переход между отелями — внутри одного домена и одной витрины (кросс-продажа), а не через 9 разных сайтов.

Hero + слоган + CTA «Подобрать отель»

• Сейчас: портал — статичный имиджевый баннер «Коллекция решений», без пути в бронь.
• Идея: полноэкранный видео/слайдер курортов сети + слоган «Коллекция ярких впечатлений» + CTA «Подобрать отель» (ФТ-1.1).
• Почему: первое впечатление = эмоция места и сразу шаг к подбору, а не корпоративный отчёт.

Референс: AmanClub MedFour Seasons

Прямой референс из ТЗ

• Сейчас: поиска по сети нет; на отелях форма изолирована и с преднаполненным отелем.
• Идея: форма в одну строку на главной — город/курорт + даты + гости + промокод + «Найти отель» → переход в каталог с применёнными фильтрами (ФТ-1.2).
• Почему: убирает трение «look-to-book», гость сравнивает отели сети внутри портала.

Референс: ОстровокЯндекс.ПутешествияCosmos

Карточка как атом системы

• Сейчас: сетка отелей с ценами на портале не реализована.
• Идея: карточка = фото + звёздность + город + чип суб-бренда + концепция питания + «фишка» + цена «от» + CTA (ФТ-1.3). Одна карточка — на портале, в каталоге и в блоках отеля.
• Почему: быстрое сравнение и переход в бронь; карточка — переиспользуемый компонент системы.

Референс: Four SeasonsSaniCosmos

Масштаб как social proof

• Сейчас: цифры есть, но в B2B-обвязке портала.
• Идея: лаконичный блок «21 отель · 8 городов · 20 лет · 23 500+ номеров» + ссылка /about (ФТ-1.4); рядом — агрегированные отзывы и награды сети.
• Почему: доверие к сети → готовность бронировать напрямую, а не через агрегатор.

Референс: AmanSani — сдержанная подача масштаба, много воздуха.

Единая навигация и глобальный CTA брони

• Идея: единая верхняя навигация «Отели (выпадающий список) · Акции · Программы · О компании · Контакты» + вход в ЛК и корзина (ФТ-1.5), постоянная кнопка «Забронировать».
• Почему: бронь доступна с любой страницы — прямая работа на цель 2.1.3.

Референс: Aman — глобальный «Reserve» в шапке без визуального шума.

Визуальный прототип концепта

Собранная в единый экран главная страница портала: Hero с формой поиска, сетка отелей на карточках-атомах системы, блоки доверия и глобальный CTA брони — всё в логике «конструктора Коллекции».

Что уже есть — развиваем, а не строим с нуля

• Самодостаточный набор дизайн-элементов на подсайтах (шапка, строка брони, поп-ап, куки) — есть, требует сборки в систему.
• Форма поиска/брони на отелях — есть, выносим на портал и в каталог, снимаем преднаполнение отеля.
• Контент отелей (номера, питание, для детей, инфраструктура) — есть на 9 сайтах, переносится в единый шаблон.
• Активы доверия (цифры, награды, партнёры, лояльность) — есть на портале, переиспользуются.
• Суб-брендовая архитектура (уже 6–7 линеек на портале) — есть, становится темами системы.

Как это растит прямые брони

Если коротко

Сегодня Alean Collection в интернете — это девять разрозненных сайтов отелей и корпоративный портал, пока не связанных единым контуром поиска и бронирования. Мы предлагаем собрать это в единую дизайн-систему — «конструктор Коллекции»: один узнаваемый бренд с гибкими темами под каждый суб-бренд, единый поиск и бронирование в 2–3 клика с любой страницы, удобный мобайл с липким виджетом брони и чистое первое впечатление без блокирующих поп-апов. База для развития уже создана. Сейчас требуется осмысление прошлого опыта команды Alean Collection, систематизация и наведение порядка в том, что уже работает, и преобразование разрозненных сайтов-витрин в единый механизм прямых бронирований.