От шторма к порядку: сайт, который продаёт гостиничный софт
HÓTICO — CRM и платформа для работы с гостями независимых отелей. lobod.rocks сделал весь сайт: маркетинговые воронки и их логику, архитектуру, дизайн и разработку на английском и испанском, тексты и вебайдентику на основе брендбука HÓTICO.
Логотип, брендбук и видео на сайте принадлежат HÓTICO. Фотографии взяты по лицензии с Unsplash и приведены к единой обработке. Всё остальное на hotico.online сделал lobod.rocks.
Маркетинговые воронки
Четыре входа, одна CRM
У каждого посетителя есть следующий шаг, который подходит его ситуации: записаться на демо, добавить детали для предложения, сначала прочитать обзор или прийти как партнёр. Каждая заявка попадает в CRM со всем, что нужно отделу продаж для обратного звонка.
Готовы к демо
Кнопка «Записаться на демо» в шапке, на первом экране, на каждой странице и в панели на телефоне
Шаг 1Имя, должность, рабочая почта, отель или группа, телефон по желанию
Отправлено сразуЗаявка уже принята, больше ничего не требуется
Шаг 2, по желаниюОценка проекта: страна, номера, категория, PMS, модули, команды, каналы, сроки
Индивидуальное предложениеГотовится по итогам оценки
Выбрали цели
12 целей на странице «Платформа», у каждой кнопка «Добавить в моё демо»
Выбирает целиВыбор хранится только в браузере посетителя
Добавляет в демоЦели подставляются в запрос демо
Продажи их видятСписком, по названиям, прямо в лиде
Ещё не готовы
Двухминутное видео, а рядом шаг помягче
Смотрит видеоСобственное видео HÓTICO на языке страницы
Оставляет почтуТолько адрес почты, больше ничего
Обзор12 целей и то, как они применимы к его отелю
Партнёры
Люди, которые знают владельцев и генеральных менеджеров отелей
Выбирает уровеньAgent, Dealer или Partner
Подаёт заявкуИмя, компания, рынок и уровень
РазговорHÓTICO связывается, чтобы согласовать подходящий уровень
Одна CRM для всех заявокКаждая заявка попадает в CRM HÓTICO (Bitrix24) с метками кампании, страницей входа и источником перехода. Каждый лид ещё и записывается в журнал на сервере, так что ни один не потеряется, если доставка не сработает.
Никаких cookies и трекеров; страница всё равно считает клики, начало заполнения и отправку форм, цели и запуски видео.
Чекбокс согласия изначально пустой и ведёт на уведомление о конфиденциальности.
Скрытое поле останавливает ботов без капчи.
Логика и структура
Главная, которая ведёт от предложения к заявке
Главная короткая: предложение, проблема, что получает отель, вопросы и форма. Всё остальное в один клик, на странице с одной задачей.
/
Главная
Предложение, шторм, шесть результатов для отеля, вопросы и форма в два шага
/platform
Платформа
12 целей в четырёх этапах; любую из них можно добавить в запрос демо
/modules
Модули
HÓTICO24 и шесть модулей, интеграции и коммерческая модель, без цен
/how-it-works
Как это работает
Видео, путь гостя, HÓTICO AI, аналитика и внедрение по неделям
/partners
Партнёры
Три уровня, Agent, Dealer и Partner, и заявка
/demo
Демо
Что показывает демо, что будет дальше, и офисы с их местным временем
/brand
Айдентика
Вебайдентика, опубликованная как свод правил самого сайта
/privacy
Конфиденциальность
Куда уходят заявки и что хранит сайт, простыми словами
В основе
Наш аудит старого сайта и его маркетинга
Шесть конкурентов в гостиничном софте
Одностраничная презентация, брендбук и партнёрская программа HÓTICO
Принципы продаж HÓTICO: сначала квалифицировать, потом вкладываться; продавать ценность, а не функции
Архитектура
Быстро, дёшево в обслуживании и легко передать
Единственная подвижная часть — небольшой сервис, который принимает формы; всё остальное — простые страницы.
Скорость
Анимация и шторм загружаются только при необходимости, а каждая страница читается и без них
Два языка синхронно
Каждая строка на английском и испанском живёт в одном месте, поэтому версии никогда не расходятся
Проверено и передано
Все 18 страниц проверены на трёх ширинах экрана и переданы с пошаговой инструкцией и редиректами со старых адресов
Из того же дизайна и текстов собирается и презентация HÓTICO на 14 слайдов: PDF на английском и испанском.
Вебайдентика
Акцент — это внимание
Логотип и брендбук мы оставили в точности такими, как есть, и построили вокруг них то, что нужно вебу: тона для глубины и тепла, шрифты, обработку фото, движение и голос.
Кольцо Ó — это путь гостя на 360°, а акцент над ним — забота, которую добавляет HÓTICO. Ó становится символом: иконкой, загрузчиком, индикатором прогресса, гостем, который проходит свой путь.
Из брендбука
Deep IndigoГлавный цвет бренда: заголовки, действия
IndigoВторой индиго, состояния при наведении
PeriwinkleÓ, второстепенные акценты
MistСпокойные поверхности
WhiteФоны, логотип на индиго
InkОсновной текст
Добавлено для веба
NightГлубина для тёмных экранов
LinenТёплый фон для чтения
LamplightЕдинственный тёплый акцент, только там, где есть забота; никогда на логотипе
Типографика
Aa БбManropeЗаголовки и текст: веб-замена корпоративного Malgun Gothic, с полной латиницей и кириллицей
Aa БбCormorant Garamond ItalicСлова заботы: одно-два слова в заголовке
Aa БбJetBrains MonoПодписи, цифры и детали интерфейса
Логотип
Оригинальный логотип без изменений: Deep Indigo с Ó цвета Periwinkle на светлых фонах, полностью белый на индиго и Night
Ó
Всегда одного цвета. Становится иконкой приложения, фавиконом, загрузчиком и маркером перед заголовками
Фотография
Настоящие моменты гостеприимства по лицензии с Unsplash, в одной фирменной обработке: приглушённый цвет, индиго в тенях, тёплый свет сохранён
Движение
От шторма к порядку: всё прилетает вразброс и собирается в одно кольцо. Шапка-капсула, переходы листами и ирис между страницами; в режиме «Уменьшение движения» всё это отключено
Паттерн
Полукольца и акценты Ó, белые и полупрозрачные на Deep Indigo, как в брендбуке
Голос
Тёплый, но не приторный; ясный, но не технический. Забота, подкреплённая конкретными функциями
hotico.online/brand
hotico.online/brand
hotico.online/brand
hotico.online/brand
Сайт
18 страниц, два языка, один голос
Английский и испанский из одной структуры, тексты для владельцев и генеральных менеджеров отелей. Несколько экранов:
hotico.online
Проблема на главной
hotico.online
Шесть результатов
hotico.online/demo
Страница демо
hotico.online/platform
Платформа
hotico.online/how-it-works
Путь гостя
hotico.online/partners
Партнёры
hotico.online/modules
Модули
Главная
Шторм
Демо
Платформа
Результат
Работает на hotico.online
На английском и испанском, на собственном сервере HÓTICO.
Каждая заявка приходит в CRM с тем, кто спрашивает, для какого отеля, какие цели выбраны и откуда пришёл посетитель.
У посетителя, который не готов к демо, всё равно есть следующий шаг, а у партнёров есть свой вход.
Никаких cookies и трекеров, поэтому сайту не нужен баннер про cookies.
Логотип, палитра брендбука и паттерн Ó остались в точности такими, какими их задал HÓTICO.