lobodrocks
Кейс · Софт для отелей · Барселона и Торонто

От шторма к порядку: сайт, который продаёт гостиничный софт

HÓTICO — CRM и платформа для работы с гостями независимых отелей. lobod.rocks сделал весь сайт: маркетинговые воронки и их логику, архитектуру, дизайн и разработку на английском и испанском, тексты и вебайдентику на основе брендбука HÓTICO.

Клиент
HÓTICO Operations Europe
Офисы
Барселона · Торонто
Языки
Английский · испанский
Сделал
lobod.rocks
Первый экран hotico.online: «Every guest, every booking, every department, one platform»
hotico.online на телефоне
Работа

Всё, кроме логотипа и видео

Всю работу сделала одна команда: от аудита старого сайта до релиза на собственном сервере HÓTICO.

Логотип, брендбук и видео на сайте принадлежат HÓTICO. Фотографии взяты по лицензии с Unsplash и приведены к единой обработке. Всё остальное на hotico.online сделал lobod.rocks.

Маркетинговые воронки

Четыре входа, одна CRM

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

Готовы к демо

Кнопка «Записаться на демо» в шапке, на первом экране, на каждой странице и в панели на телефоне

  1. Шаг 1Имя, должность, рабочая почта, отель или группа, телефон по желанию
  2. Отправлено сразуЗаявка уже принята, больше ничего не требуется
  3. Шаг 2, по желаниюОценка проекта: страна, номера, категория, PMS, модули, команды, каналы, сроки
  4. Индивидуальное предложениеГотовится по итогам оценки

Выбрали цели

12 целей на странице «Платформа», у каждой кнопка «Добавить в моё демо»

  1. Выбирает целиВыбор хранится только в браузере посетителя
  2. Добавляет в демоЦели подставляются в запрос демо
  3. Продажи их видятСписком, по названиям, прямо в лиде

Ещё не готовы

Двухминутное видео, а рядом шаг помягче

  1. Смотрит видеоСобственное видео HÓTICO на языке страницы
  2. Оставляет почтуТолько адрес почты, больше ничего
  3. Обзор12 целей и то, как они применимы к его отелю

Партнёры

Люди, которые знают владельцев и генеральных менеджеров отелей

  1. Выбирает уровеньAgent, Dealer или Partner
  2. Подаёт заявкуИмя, компания, рынок и уровень
  3. РазговорHÓTICO связывается, чтобы согласовать подходящий уровень
Одна CRM для всех заявокКаждая заявка попадает в CRM HÓTICO (Bitrix24) с метками кампании, страницей входа и источником перехода. Каждый лид ещё и записывается в журнал на сервере, так что ни один не потеряется, если доставка не сработает.
  • Никаких cookies и трекеров; страница всё равно считает клики, начало заполнения и отправку форм, цели и запуски видео.
  • Чекбокс согласия изначально пустой и ведёт на уведомление о конфиденциальности.
  • Скрытое поле останавливает ботов без капчи.
Логика и структура

Главная, которая ведёт от предложения к заявке

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

  1. /

    Главная

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

  2. /platform

    Платформа

    12 целей в четырёх этапах; любую из них можно добавить в запрос демо

  3. /modules

    Модули

    HÓTICO24 и шесть модулей, интеграции и коммерческая модель, без цен

  4. /how-it-works

    Как это работает

    Видео, путь гостя, HÓTICO AI, аналитика и внедрение по неделям

  5. /partners

    Партнёры

    Три уровня, Agent, Dealer и Partner, и заявка

  6. /demo

    Демо

    Что показывает демо, что будет дальше, и офисы с их местным временем

  7. /brand

    Айдентика

    Вебайдентика, опубликованная как свод правил самого сайта

  8. /privacy

    Конфиденциальность

    Куда уходят заявки и что хранит сайт, простыми словами

В основе
  • Наш аудит старого сайта и его маркетинга
  • Шесть конкурентов в гостиничном софте
  • Одностраничная презентация, брендбук и партнёрская программа HÓTICO
  • Принципы продаж HÓTICO: сначала квалифицировать, потом вкладываться; продавать ценность, а не функции
Архитектура

Быстро, дёшево в обслуживании и легко передать

Единственная подвижная часть — небольшой сервис, который принимает формы; всё остальное — простые страницы.

  1. Скорость

    Анимация и шторм загружаются только при необходимости, а каждая страница читается и без них

  2. Два языка синхронно

    Каждая строка на английском и испанском живёт в одном месте, поэтому версии никогда не расходятся

  3. Проверено и передано

    Все 18 страниц проверены на трёх ширинах экрана и переданы с пошаговой инструкцией и редиректами со старых адресов

Из того же дизайна и текстов собирается и презентация HÓTICO на 14 слайдов: PDF на английском и испанском.

Вебайдентика

Акцент — это внимание

Логотип и брендбук мы оставили в точности такими, как есть, и построили вокруг них то, что нужно вебу: тона для глубины и тепла, шрифты, обработку фото, движение и голос.

Кольцо Ó — это путь гостя на 360°, а акцент над ним — забота, которую добавляет HÓTICO. Ó становится символом: иконкой, загрузчиком, индикатором прогресса, гостем, который проходит свой путь.

Из брендбука

  • Deep IndigoГлавный цвет бренда: заголовки, действия
  • IndigoВторой индиго, состояния при наведении
  • PeriwinkleÓ, второстепенные акценты
  • MistСпокойные поверхности
  • WhiteФоны, логотип на индиго
  • InkОсновной текст

Добавлено для веба

  • NightГлубина для тёмных экранов
  • LinenТёплый фон для чтения
  • LamplightЕдинственный тёплый акцент, только там, где есть забота; никогда на логотипе

Типографика

  • ManropeЗаголовки и текст: веб-замена корпоративного Malgun Gothic, с полной латиницей и кириллицей
  • Cormorant Garamond ItalicСлова заботы: одно-два слова в заголовке
  • JetBrains MonoПодписи, цифры и детали интерфейса
Логотип
Оригинальный логотип без изменений: Deep Indigo с Ó цвета Periwinkle на светлых фонах, полностью белый на индиго и Night
Ó
Всегда одного цвета. Становится иконкой приложения, фавиконом, загрузчиком и маркером перед заголовками
Фотография
Настоящие моменты гостеприимства по лицензии с Unsplash, в одной фирменной обработке: приглушённый цвет, индиго в тенях, тёплый свет сохранён
Движение
От шторма к порядку: всё прилетает вразброс и собирается в одно кольцо. Шапка-капсула, переходы листами и ирис между страницами; в режиме «Уменьшение движения» всё это отключено
Паттерн
Полукольца и акценты Ó, белые и полупрозрачные на Deep Indigo, как в брендбуке
Голос
Тёплый, но не приторный; ясный, но не технический. Забота, подкреплённая конкретными функциями
Логотип на Linen, Night и Indigo, и что с ним можно, а что нельзя
Палитра: цвета брендбука и три веб-тона
Паттерн Ó на Deep Indigo
Типографика: Manrope, Cormorant Garamond Italic и JetBrains Mono
Результат

Работает на hotico.online

На английском и испанском, на собственном сервере HÓTICO.

  • Каждая заявка приходит в CRM с тем, кто спрашивает, для какого отеля, какие цели выбраны и откуда пришёл посетитель.
  • У посетителя, который не готов к демо, всё равно есть следующий шаг, а у партнёров есть свой вход.
  • Никаких cookies и трекеров, поэтому сайту не нужен баннер про cookies.
  • Логотип, палитра брендбука и паттерн Ó остались в точности такими, какими их задал HÓTICO.
Написать Лободу

Расскажите, что запускаете или что не работает.

В течение 24 рабочих часов: формат, который подходит, с ценой, или два-три вопроса, на которые мне нужны ответы, чтобы назвать цену.

Dima@lobods.comLinkedIn

Барселона · клиенты в Европе и США · EN / ES / RU · ответ в тот же рабочий день
Письма

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

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