Лендинг для приложения Grail

Лендинг-повествование для приложения, которое уводит от экрана

Grail — приложение, которое каждый день даёт один квест в реальном мире и прокачивает четыре характеристики. Мы сделали предрелизный лендинг из восьми глав, который объясняет идею продукта и собирает лист ожидания.

Первый экран сайта Grail с заголовком Reclaim your life и кнопкой Join Waitlist

01Challenge

Grail — приложение с игровой механикой, которое не пытается удержать пользователя любой ценой. Каждый день оно даёт один квест в реальном мире, а выполненные задания растят четыре характеристики: Strength, Intellect, Charisma и Wisdom. Когда человек «выпускается», подписка отменяется сама.

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

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

02Solution

Мы выстроили лендинг как книгу из восьми пронумерованных глав. Каждая отвечает на один вопрос и ведёт посетителя от проблемы к записи в лист ожидания.

Первый экран: «Reclaim your life», суть продукта в одной фразе и кнопка Join Waitlist
Глава 01 — проблема: все живут, а вы смотрите на это с экрана
Глава 03 — путь: что обычно происходит, когда начинаешь выполнять квесты, без обещаний
Глава 04 — голосовой отклик: заметка себе в будущем и другим участникам после квеста
Глава 05 — тотемы: шесть персонажей со своим характером, например Duck the Knight
Глава 06 — характеристики: как квесты складываются в силу, интеллект, харизму и мудрость
Глава 07 — гильдии: сообщества вокруг одной темы, в которые можно вступить или создать своё
Глава 08 — форма раннего доступа

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

Сайт написан вручную, без конструктора. Мета-теги и Open Graph описывают продукт так же прямо, как сама страница, чтобы ссылка выглядела аккуратно в поиске и мессенджерах.