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

Від шторму до порядку: сайт, що продає готельний софт

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

Клієнт
HÓTICO Operations Europe
Офіси
Барселона · Торонто
Мови
Англійська · іспанська
Команда
lobod.rocks
Перший екран hotico.online: кожен гість, кожне бронювання, кожен відділ, одна платформа
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 / UK · відповідь того ж робочого дня
Листи

Двічі на місяць: щось варте прочитання про видимість у ШІ, запуски і те, що справді рухає бренд. Листи, що вже вийшли, англійською.

Подвійне підтвердження: один лист просить підтвердити, і до того нічого не надходить. Один клік унизу будь-якого листа, і все припиняється назавжди.