← к галерее

AlKô — три дизайн-направления: сравнение и рекомендация

Три самостоятельных концепта главной страницы. Выбирается одно — до сборки сайта. Общая основа (сетка, шкалы, компоненты, доступность) описана в DESIGN-SYSTEM.md и не зависит от выбора: меняется характер, а не каркас.

Смотреть: variant-a.html, variant-b.html, variant-c.html — или скриншоты в shots/. Палитры Альзаны переключаются прямо в макете: кнопки «Наша · Беж · Зелёный · Марсала» в правом нижнем углу.

1. Сравнительная таблица

A · «Издание» B · «Пульт» C · «Берег»
Идея Тихая роскошь. Журнальная вёрстка: крупная антиква, волосяные линии, много воздуха, ноль теней. Знак ô — тонкий карниз над словом. Приборная панель оператора. Тёмная база, видимая сетка, монохром + один янтарный сигнал, цифры моноширинными. Знак ô — шеврон-индикатор. Юг без лубка. Песок, глубокое море, терракота; арки как форма (фото, медальоны шагов), орнамент только в деталях. Знак ô — купол.
Восприятие бренда Бутик-оператор с вкусом. «Эти люди понимают, как выглядит хороший отель». Оператор-инженер. «Эти люди умеют считать и не потеряют мои деньги». Гостеприимный премиум своего региона. «Эти люди понимают юг и гостя».
Сильные стороны Отстройка от рынка: почти все УК выглядят как презентации в PowerPoint. Воздух читается как дороговизна. Молодой компании даёт уверенность без хвастовства. Прямо продаёт то, что покупает собственник: контроль, прозрачность, отчётность. Блок «структура отчёта» с прочерками превращает отсутствие кейсов в честный аргумент. Самое близкое попадание в рынок первых объектов (Каспий, Кавказ, Черноморское побережье). Тепло + премиум одновременно — редкое сочетание.
Риски Может прочитаться как сайт дизайн-студии, а не оператора: собственник ищет «мускулы», а видит эстетику. Требует сильных фото — на плохой съёмке рассыпается. Тёмная тема обещает зрелый ИТ-контур, которого у новой компании пока нет — риск завышенного ожидания. Хуже переносится в печать (КП, договоры). Может ощущаться холодно для гостеприимства. Ближе всех к «санаторному» клише — удержать грань между премиумом и югом можно только дисциплиной в деталях. Региональность сужает восприятие, если позже пойдут объекты в других регионах.
Кому показывать Собственнику бутик-отеля, апарт-отеля, объекта с амбицией на 4–5★ Собственнику-«счётчику»: цифры, P&L, RevPAR, недоверие к «красивым словам» Собственнику курортного объекта на юге, санатория, семейного гостевого дома
Шрифты Cormorant Garamond + Inter IBM Plex Sans + IBM Plex Mono Lora + Golos Text
Родная палитра тёплая бумага + бронза графит + янтарь песок + глубокое море + терракота

2. Рекомендация дизайнера

Берём A «Издание» как основу и переносим в него из B блок структуры отчёта и таймлайн шагов — потому что собственник покупает спокойную уверенность, а единственная валюта новой УК без кейсов — это вкус и честность, а не имитация зрелого дашборда.

Обоснование в трёх пунктах:

  1. Конкуренты уже выиграли гонку цифр. У UPRO — GOP +315%, ADR +86%, 10 объектов. Играть с ними на поле «мы оператор с цифрами» (направление B) означает выйти на их поле без их аргументов: тёмный дашборд с прочерками вместо значений подчёркивает, что значений нет. Направление A меняет поле: там ценность — не отчёт, а уровень мышления.
  2. A лучше всех переживает отсутствие контента. Editorial-вёрстка спроектирована вокруг воздуха и типографики, а не вокруг данных и логотипов клиентов. Первые полгода сайту нечем заполнять «доказательные» блоки — A этого не замечает, B — заметно пустует.
  3. Риск A устраняется одним переносом. Главное возражение к A («красиво, но где операционные мускулы») закрывается блоком «структура ежемесячного отчёта» и шагами со сроками — они уже есть в макете A и работают там сдержаннее, чем в B.

Если владелец хочет ровно противоположного — говорить с собственником на языке контроля и цифр с первого экрана — брать B без гибрида, но обязательно оставить дисклеймер «значений пока нет, первые объекты 2026»: без него блок метрик читается как обман.

C стоит выбирать, если первые 2–3 объекта — курортные и на юге, и позиционирование сознательно региональное («УК для Ôтелей юга»). Это сильная и защитимая ниша, но она сужает разговор с объектами вне региона.

3. Палитры

Два раздельных набора (см. PALETTES.html):

3.1 Концепт × палитра

Беж Зелёный Марсала
A · Издание ⚪ Почти дубль родной палитры: бронза и беж — соседи. Усиливает «бумажность», но выбор палитры перестаёт быть выбором. 🟢 Лучшее для A. Снимает риск «сепии», добавляет собранности; тёплая бумага + холодный зелёный — классическая издательская пара. 🟡 Дорого и уверенно, но два тёплых цвета (бумага и вино) спорят; страница краснеет, воздух теряется.
B · Пульт 🟢 Самая естественная для B: янтарь и беж — одно семейство, приборность сохраняется полностью. По сути — родная палитра. 🟢 Лучшее для B. Светлый зелёный на графите читается как рабочий индикатор «в норме», и это ровно та интонация, которую B продаёт. 🟡 Розово-винный на чёрном уводит из «пульта» в лаунж-бар. Красиво, но противоречит идее концепта.
C · Берег 🟡 Юг вымывается: без моря и терракоты остаётся просто тёплая нейтраль, арки начинают работать вхолостую. 🟢 Неожиданно сильно: зелёный читается как кипарис и южная зелень, глубокие секции становятся хвойными вместо морских. 🟢 Лучшее для C. Ближе всего к терракоте, сохраняет и юг, и тепло, и премиум. Фактически родная палитра, сдвинутая в вино.

3.2 Рекомендация по палитре

Зелёный — если палитра выбирается один раз и на всю компанию.

Три причины: (1) это единственная из трёх, где акцент проходит контраст AA как текст и на белом (9,6:1), и в осветлённом варианте на чёрном (8,8:1) — то есть одна палитра закрывает сайт, презентацию, договор и тёмные блоки без исключений; (2) в гостиничном сегменте РФ зелёный почти не занят — там доминируют беж и золото, и на их фоне AlKô будет неотличим; (3) зелёный одинаково хорошо ложится на все три концепта, то есть не связывает руки при выборе направления.

Марсала — сильный второй выбор, если владелец хочет ресторанную теплоту; тогда обязательно развести цвет акцента и цвет ошибки в формах (иначе марсала и «ошибка» сольются — деталь в palette-marsala.css). Беж — самый безопасный и самый незаметный: он не создаёт отличия, а бежевый акцент нельзя использовать как текст (3,1:1), поэтому в интерфейсе всё равно придётся вводить второй, тёмный оттенок.

4. Что сознательно НЕ сделано

Решения, которые стоит подтвердить или отменить осознанно:

  1. Нет ни одной цифры результата, логотипа клиента и отзыва. Кейсов нет — вместо них показана структура ежемесячного отчёта с прочерками и подписью «значения появятся после первого месяца». Это главный отличительный приём всех трёх макетов.
  2. Портреты команды — оформленные плейсхолдеры со знаком ô, а не стоковые лица. Чужое лицо на странице «кто управляет вашим отелем» — это ровно тот тип обмана, из-за которого собственник перестаёт верить остальному. Заменяется реальной съёмкой.
  3. Цен нет нигде, включая таблицу моделей: вместо колонки с ценой — строка «ставка обсуждается после аудита объекта».
  4. Есть блок «когда мы откажемся» — три условия, при которых AlKô не берётся за объект. Для новой компании отказ работает как доказательство компетентности сильнее, чем список услуг.
  5. Фото — временные, взяты по конкретным id со стока (не по случайному seed): архитектура и море. Заменяются съёмкой первого объекта.
  6. Переключатель палитры — демонстрационный контрол, в продакшн-версию страницы он не входит.

5. Следующие шаги после выбора

  1. Владелец выбирает направление (A / B / C) и палитру (наша / беж / зелёный / марсала).
  2. Решение — в own/coo/decision-log.
  3. Знак отрисовывается в кривых: сейчас логотипы построены на <text> с fallback-гарнитурами, для продакшена нужны контуры.
  4. Анкета собирается как реальная форма на 8 шагов с сохранением прогресса (сейчас в макете — только первый шаг, но с настоящими полями).
  5. Съёмка первого объекта и портретов сооснователей.
  6. Тексты проходят вычитку у отельера-практика: формулировки про классификацию, самооценку, паспорт безопасности и УВМ написаны по анкете и требуют проверки на точность.