Главное Авторские колонки Пресс-релизы Промо Вакансии Вопросы
389 0 В избр. Сохранено
Авторизуйтесь
Вход с паролем

Как мы обновили бренд RMS Platform и создали мультиязычный сайт для международного рынка

Как мы обновили бренд RMS Platform и создали мультиязычный сайт для международного рынка
Мнение автора может не совпадать с мнением редакции

Revenue management помогает отелям принимать решения на основе спроса, динамики цен, поведения конкурентов и десятков других факторов. Но чем сложнее становится технология, тем труднее объяснить её ценность человеку, который впервые знакомится с продуктом.

Перед RMS Platform стояла задача не просто обновить логотип или переработать главную страницу. Международному направлению компании требовалась самостоятельная и последовательная система коммуникации: от визуального образа до структуры сайта, контента, форм захвата заявок и передачи данных в HubSpot.

За четыре месяца команда Pickles разработала обновлённую айдентику, спроектировала масштабируемую архитектуру сайта, создала UX/UI-дизайн, собрала компонентную библиотеку и реализовала мультиязычный сайт на WordPress.


О проекте

RMS Platform — разработчик системы управления доходами для гостиничного бизнеса.

Платформа помогает отелям анализировать:

  1. изменение спроса;
  2. динамику цен;
  3. предложения конкурентов;
  4. загрузку номерного фонда;
  5. сценарии ценообразования;
  6. возможности автоматизации;
  7. факторы, влияющие на выручку.

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

При этом прежнее цифровое присутствие уже не соответствовало масштабу продукта. Сайт выглядел устаревшим, ориентировался преимущественно на русскоязычную аудиторию и не позволял полноценно представить платформу международным клиентам.

Пользователю было сложно быстро понять:

  1. какие задачи решает система;
  2. из каких модулей она состоит;
  3. кому подходит продукт;
  4. чем он полезен конкретному типу отеля;
  5. как платформа влияет на рабочие процессы;
  6. каким должен быть следующий шаг после знакомства с продуктом.

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


Задача

Проект выходил далеко за рамки обычного редизайна.

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

Основные задачи проекта:

  1. Сохранить узнаваемость существующего бренда.
  2. Сформировать самостоятельный образ международного направления.
  3. Разработать визуальную систему, способную работать на разных носителях.
  4. Объяснить сложный технологический продукт нескольким аудиториям.
  5. Переработать информационную архитектуру сайта.
  6. Создать отдельные страницы под продукты, гостиничные сегменты и роли пользователей.
  7. Подготовить сайт к дальнейшему развитию контента и SEO.
  8. Реализовать английскую и греческую версии.
  9. Интегрировать формы сайта с HubSpot.
  10. Создать систему компонентов, которую команда клиента сможет расширять без постоянного редизайна.

Почему нельзя было ограничиться новым логотипом

На старте было важно не воспринимать бренд как набор отдельных графических элементов.

Даже качественный логотип не решает проблему, если:

  1. структура сайта не соответствует продукту;
  2. разные модули описаны одинаково;
  3. пользователь не понимает, с чего начать;
  4. визуальная система не работает за пределами главной страницы;
  5. отдел продаж получает заявки вручную;
  6. новые страницы приходится каждый раз проектировать с нуля.

Поэтому айдентику и сайт мы разрабатывали параллельно.

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

Такой подход позволил оценить не только привлекательность концепции, но и её практическую применимость.


Исследование и поиск визуального направления

Проект развивался итерационно.

Сначала мы изучили рынок, конкурентов и коммуникации в категории. Нам было важно понять, как другие технологические компании рассказывают о сложных системах для гостиничного бизнеса и какие визуальные приёмы уже стали типичными для отрасли.

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

Мы искали визуальный язык, который должен был одновременно передавать:

  1. технологичность;
  2. скорость принятия решений;
  3. работу с данными;
  4. прозрачность системы;
  5. связь с реальным гостиничным бизнесом;
  6. возможность роста;
  7. уверенность и профессионализм.

В работу вошли:

  1. анализ конкурентов и коммуникаций;
  2. развитие визуальной айдентики;
  3. разработка знака;
  4. подбор типографики;
  5. формирование цветовой системы;
  6. создание графического приёма;
  7. разработка иконографики;
  8. оформление презентационных материалов;
  9. дизайн выставочных носителей;
  10. шаблоны для социальных сетей;
  11. печатные материалы;
  12. информационная архитектура сайта;
  13. UX/UI-дизайн;
  14. адаптивные макеты;
  15. компонентная библиотека;
  16. разработка на WordPress;
  17. интеграция с HubSpot;
  18. базовая SEO-настройка;
  19. английская и греческая локализации.

Визуальная идея: импульс

В основе новой визуальной системы появился импульс.

Он обозначает момент, когда данные превращаются в конкретное решение:

  1. скорректировать цену;
  2. увидеть изменение спроса;
  3. сравнить сценарии;
  4. изменить стратегию;
  5. обнаружить новую точку роста;
  6. быстрее отреагировать на изменения рынка.

Эта идея помогла связать технологическую составляющую продукта с реальной работой отеля.

RMS Platform не заменяет специалиста и не принимает все решения вместо него. Платформа усиливает способность команды замечать изменения, анализировать ситуацию и действовать увереннее.

Новый знак

Новый условный знак построен из нескольких восходящих элементов.

В зависимости от контекста он может восприниматься как:

  1. импульс;
  2. график роста;
  3. последовательность решений;
  4. изменение динамики;
  5. движение вверх;
  6. сигнал системы.

Простая конструкция позволила использовать знак в разных масштабах.

Он работает как:

  1. небольшая интерфейсная иконка;
  2. элемент навигации;
  3. социальная карточка;
  4. объект на обложке презентации;
  5. крупная композиция;
  6. трёхмерный объект;
  7. визуальный элемент для выставочного экрана.

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

Цвет и визуальная материальность

Мы сохранили лёгкость цифрового продукта, но перевели визуальную систему в более самостоятельную палитру.

Электрический синий отвечает за энергию, технологичность и узнаваемость. Ледяные оттенки создают свободное пространство, а аквамариновый используется как точечный сигнал.

Дополнительную глубину системе придаёт стеклянная материальность.

Она не стала декоративной самоцелью. Её задача — показать продукт как прозрачную систему: сложную внутри, но понятную и управляемую для пользователя.

Такая комбинация позволила избежать двух крайностей.

С одной стороны, бренд не выглядит чрезмерно строгим и корпоративным. С другой — визуальная система не воспринимается как абстрактный технологический эксперимент, оторванный от гостиничного бизнеса.


Проверка айдентики на реальных носителях

Айдентика не создавалась в вакууме.

Параллельно с основной системой мы разрабатывали материалы для:

  1. отдела продаж;
  2. внутренних презентаций;
  3. мероприятий;
  4. выставок;
  5. социальных сетей;
  6. печатной коммуникации.


Это помогало сразу увидеть, где системе не хватает контраста, узнаваемости или гибкости.

Например, решение, которое хорошо выглядит на большом экране, может потеряться в небольшой карточке. Сложная графика может эффектно работать в презентации, но мешать восприятию интерфейса.

Проверка на разных носителях позволила превратить визуальный язык в рабочий инструмент для нескольких команд клиента, а не только в оформление сайта.


Почему сайт пришлось проектировать заново

Основной точкой контакта с международной аудиторией должен был стать сайт.

Одного визуального обновления для этого было недостаточно.

Новый ресурс должен был:

  1. объяснить сложную платформу;
  2. учитывать потребности нескольких аудиторий;
  3. показывать отдельные модули;
  4. работать с разными типами гостиничных объектов;
  5. поддерживать дальнейшее SEO-продвижение;
  6. собирать заявки;
  7. передавать данные в CRM;
  8. масштабироваться по мере развития продукта.

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

В результате информация либо становится слишком общей, либо страница перегружается подробностями.

Поэтому мы отказались от логики одной универсальной страницы.

Несколько аудиторий — несколько способов рассказать о продукте

RMS-системой интересуются специалисты с разным опытом, ответственностью и критериями выбора.

Revenue manager хочет понять:

  1. насколько глубоко система анализирует данные;
  2. какие решения можно автоматизировать;
  3. как устроена работа с ценами;
  4. сколько ручных операций можно исключить.

Владелец отеля оценивает:

  1. влияние продукта на доход;
  2. стоимость внедрения;
  3. скорость запуска;
  4. ожидаемую пользу для бизнеса.

General manager смотрит на:

  1. прозрачность процессов;
  2. управляемость;
  3. контроль команды;
  4. связь аналитики с общей работой объекта.

Управляющей компании важно:

  1. работать с несколькими отелями;
  2. сравнивать объекты;
  3. централизовать управление;
  4. масштабировать процессы.

Если рассказывать всем этим пользователям о продукте одинаково, коммуникация неизбежно станет слишком абстрактной.

Поэтому структура сайта строилась сразу в трёх направлениях:

  1. По продуктам и модулям.
  2. По типам гостиничных объектов.
  3. По ролям и задачам пользователей.


Масштабируемая архитектура сайта

Вместо небольшой витрины продукта мы спроектировали полноценную контентную систему.

В архитектуре сайта появились отдельные разделы и страницы:

  1. основные продукты;
  2. дополнительные модули;
  3. решения для разных гостиничных сегментов;
  4. страницы под роли пользователей;
  5. тарифы;
  6. интеграции;
  7. истории клиентов;
  8. экспертные материалы;
  9. ресурсы;
  10. корпоративная информация;
  11. формы запроса демонстрации.

Такая структура решает сразу несколько задач.

Пользователь быстрее находит сценарий, соответствующий его бизнесу. Отдел продаж может отправлять потенциальному клиенту конкретную страницу, а не общий сайт. Маркетинговая команда получает основу для запуска рекламы и создания нового контента.

Дополнительное преимущество — развитие органического трафика.

Одна универсальная страница не может полноценно отвечать на десятки разных поисковых запросов. Отдельные продуктовые, сегментные и информационные страницы создают больше возможностей для дальнейшего SEO-продвижения.


Главная страница как основной вход в продукт

Основная часть трафика должна была попадать на главную страницу.

Поэтому она не могла быть только красивой витриной. Ей предстояло создать доверие, объяснить устройство платформы и привести пользователя к следующему действию.

Мы выстроили главную страницу как последовательный рассказ:

  1. Представление единой RMS-платформы и предложение запросить демонстрацию.
  2. Подтверждение опыта и масштаба компании.
  3. Сценарии для разных типов гостиничных объектов.
  4. Основные и дополнительные модули.
  5. Возможности экономии времени.
  6. Три уровня автоматизации.
  7. Результаты и истории клиентов.
  8. Ответы на популярные вопросы.
  9. Финальная форма запроса демонстрации.

Каждый следующий блок продолжает предыдущий и помогает пользователю постепенно сформировать представление о продукте.


Отдельные страницы под конкретные запросы

Не каждый пользователь начинает знакомство с главной страницы.

Часть аудитории приходит:

  1. из поисковых систем;
  2. из рекламы;
  3. из публикаций;
  4. из презентаций;
  5. по прямой ссылке от отдела продаж;
  6. со страницы партнёра.

Поэтому отдельные посадочные страницы должны быть самостоятельными точками входа.

Продуктовые страницы объясняют возможности конкретного модуля и его влияние на работу отеля.

Сегментные страницы собирают сценарии, актуальные для определённого типа бизнеса.

Страницы тарифов и интеграций отвечают на вопросы, возникающие ближе к выбору решения.

Такая архитектура позволяет не заставлять пользователя самостоятельно искать нужную информацию по всему сайту.

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

На сайте используются десятки повторяющихся сценариев.

Чтобы не проектировать каждый новый экран с нуля, мы создали UI-kit и зафиксировали состояния основных компонентов.

В библиотеку вошли:

  1. адаптивная навигация;
  2. кнопки;
  3. поля;
  4. формы;
  5. карточки;
  6. теги;
  7. блоки с преимуществами;
  8. FAQ;
  9. модальные окна;
  10. варианты футера;
  11. элементы продуктовых страниц;
  12. блоки для историй клиентов.

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

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


Формы и интеграция с HubSpot

Основное целевое действие сайта — запрос демонстрации.

Дополнительный сценарий — подписка на материалы и новости продукта.

Формы HubSpot были встроены в ключевые точки пользовательского пути.

После отправки данные не остаются отдельным письмом в почте. Контактная информация, источник обращения и данные заявки передаются в систему клиента и становятся частью дальнейшей работы с потенциальным клиентом.

Так сайт превращается из презентационного ресурса в полноценный инструмент привлечения и обработки обращений.

Разработка на WordPress

После утверждения дизайна мы перешли к разработке.

Сайт был реализован на WordPress. Команда собрала управляемые контентные блоки, чтобы клиент мог обновлять содержание и создавать новые страницы без постоянного участия разработчиков.

В рамках разработки мы:

  1. реализовали адаптивную вёрстку;
  2. перенесли компонентную систему в WordPress;
  3. подключили формы HubSpot;
  4. подготовили управляемые контентные блоки;
  5. выполнили базовые SEO-настройки;
  6. настроили английскую версию;
  7. подключили греческую локализацию через Polylang;
  8. подготовили структуру к дальнейшему расширению.

Структура страниц формировалась с учётом конкурентного анализа и будущего поискового продвижения.

Дальнейшую рекламу, контент и SEO команда клиента ведёт самостоятельно. Нашей задачей было передать не закрытый статичный сайт, а готовую основу для развития.


Что получилось в результате

За четыре месяца международное направление RMS Platform получило не отдельный редизайн, а связанную инфраструктуру для коммуникации и роста.

Существующая узнаваемость была сохранена, но бренд получил более самостоятельный международный образ.

Сложный набор RMS-модулей был переведён в понятную продуктовую архитектуру.

Вместо ограниченного русскоязычного присутствия появилась масштабируемая платформа на английском и греческом языках.

Сайт подготовлен к:

  1. рекламному продвижению;
  2. развитию экспертного контента;
  3. расширению продуктовых разделов;
  4. SEO;
  5. публикации историй клиентов;
  6. запуску новых локализаций;
  7. работе отдела продаж.

Формы и HubSpot связали пользовательский интерес с дальнейшей обработкой обращений.

Единая визуальная система объединила сайт, презентации, мероприятия, социальные сети и печатные материалы.

Почему в кейсе нет процентов роста

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

Поэтому мы не используем неподтверждённые показатели роста трафика, заявок или конверсии. Для корректных выводов требуется накопить достаточно данных и учитывать влияние рекламы, контента, SEO, сезонности и работы отдела продаж.

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

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

Итог

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

Айдентика должна помогать объяснять продукт. Архитектура сайта — учитывать разные запросы пользователей. Формы — передавать обращения в CRM. Компонентная система — поддерживать дальнейшее развитие.

В случае RMS Platform все эти элементы были объединены в одну систему.

Главный итог проекта можно сформулировать просто: бренд и сайт стали одной системой.

0
В избр. Сохранено
Авторизуйтесь
Вход с паролем
Комментарии
Выбрать файл
Блог проекта
Расскажите историю о создании или развитии проекта, поиске команды, проблемах и решениях
Написать
Личный блог
Продвигайте свои услуги или личный бренд через интересные кейсы и статьи
Написать

Spark использует cookie-файлы. С их помощью мы улучшаем работу нашего сайта и ваше взаимодействие с ним.