Программа лояльности должна была появиться раньше редизайна основного сайта. Я спроектировала отдельную промостраницу и подготовила desktop- и mobile-версии для разработки.
Нужно было коротко и понятно объяснить механику программы: что получает пользователь после регистрации, как начисляются баллы, как растёт кешбэк и как использовать бонусы без длинной инструкции.
На первом экране — ценность программы и заметная кнопка регистрации.
От главной выгоды к уровням кешбэка, инструкции и частым вопросам.
Собрать desktop, mobile и ключевые состояния компонентов.
Я не пыталась подстроить страницу под старый сайт и не придумывала новый бренд с нуля. В основу легли материалы клиента: синий цвет, типографика и фирменные графические линии. Из них я собрала отдельную digital-страницу с понятной иерархией и единым ритмом.
Структуру я выстроила так, чтобы пользователь быстро понял суть программы и не терялся в правилах. Каждый следующий блок отвечает на следующий вопрос: зачем вступать, как работает кешбэк, как использовать баллы и где уточнить детали.
Кешбэк с проживания и бонус за регистрацию.
Ими можно оплатить до половины стоимости проживания.
Шесть уровней кешбэка от Tourist до Wanderer.
Шесть коротких шагов вместо длинной инструкции.
FAQ и прямой контакт с отелем в финале.
В отдельный UI-раздел я вынесла типографику для desktop и mobile, палитру, а также основные компоненты страницы: кнопку регистрации, scroll button, элементы FAQ, уровни кешбэка и карточки шагов. Там же зафиксировала состояния и базовое поведение интерфейса, чтобы макет было проще передавать в разработку.
На экране 393 px двухколоночные блоки превращаются в последовательную ленту. Адреса отелей скрыты за иконкой карты, а ключевые действия и текст остаются крупными и читаемыми.
Команда получила готовые desktop- и mobile-макеты, компоненты и описание интерактивного поведения. Страницу быстро запустили на текущем сайте, не дожидаясь его полного редизайна.