Кейс · лендинг
Одна страница мужского выезда «Витязь»: девять дней в тайге, разложенные по дням, стоимость, разобранная на пять групп, и восемь ответов на страхи новичка. Структуру и тексты собрали на вайрфрейме до дизайна — схема и макет совпадают пиксель в пиксель.
Человек платит вперед за то, чего еще не видел: девять дней в тайге без связи, ночевка на горе в одиночку, метание топоров, подъем в гору без палаточного снаряжения. Страница должна рассказать, что именно с ним будет, до звонка.
Первый вопрос новичка: «справлюсь ли я и насколько там безопасно». Ответ нужен на самой странице, до переписки с организатором.
Набор идет к конкретному заезду с фиксированной датой, поэтому дату старта надо держать на виду.
Собрать предстояло одну страницу целиком: структуру, тексты блоков, дизайн и сборку на WordPress.
Восемь карточек закрывают всю программу: заезд, основные понятия, игры и упражнения, занятия с оружием, испытание духа и тела, приветствие Солнца, ратные состязания, кузница души. Последняя карточка держит сразу два дня — 8–9. Вместо обещания трансформации человек читает расписание и заранее знает, что метание оружия будет на третий день, а ночь на горе в одиночку — на пятый.
Блок «Стоимость программы охватывает» разобран на пять групп: трансфер, снаряжение, безопасность, сопровождение, условия. «Безопасность» стоит в первом ряду и отвечает на главный страх тремя строками — сертифицированные средства защиты, официальный пропуск в заповедник, аварийный маячок с подключением к МЧС.
Восемь вопросов FAQ идут в два столбца перед последней кнопкой: физподготовка, опыт с оружием, безопасность, замкнутость, запреты, погода, возраст, что будет после выезда. Ответы держатся в одну-две строки, поэтому блок читается целиком, без раскрытия вопросов по одному.
Таймер «До старта осталось» стоит в первом экране и повторяется над формой в темной секции. Между таймером и кнопкой «Хочу в круг» три поля — имя, почта, телефон. Ничего, что можно спросить при звонке, форма не спрашивает.
Похожая задача? Напишите в Telegram, отвечу за пару часов.
Порядок блоков и тексты согласовали на вайрфрейме, поэтому спорные места правились на схеме. Слева вайрфрейм, справа готовый макет.
На схеме проверяли последовательность: заголовок, обещание, две кнопки, таймер до старта, кадр под фотографию. В дизайне место под картинку занял снимок круга у костра, фоном встала ночная тайга — порядок не поменялся, диагональ на границе с песочным фоном была задумана еще на схеме.
Четыре карточки о том, что происходит в круге, стоят квадратом: снимок сверху, заголовок, два предложения. В дизайне под каждую ушла оранжевая подложка, а текст стал белым — карточки отделились от песочного фона без единой рамки.
На схеме надпись рядом с составом стоимости читалась «Полный комплект для вашего комфорта и безопасности». В дизайне она стала «Полный комплект для настоящего мужского отдыха» и получила рядом костер. Обращение на «ты» тут сошлось с остальной страницей — «Что ты получишь», «Ты готов».
На схеме темная секция звалась «Ты готов стать сильнее?» — вопросом. В дизайне знак сменился на восклицательный, а серая заливка — на кадр вечернего стойбища. Форма осталась той же: имя, почта, телефон и одна кнопка.
Человек платит вперед за девять дней в тайге без связи, которых еще не видел. Первый вопрос новичка простой: справлюсь ли я и насколько там безопасно. Ответ нужен на странице, до переписки с организатором.
Программа разложена по дням, поэтому вопрос «что там будет» закрывается прямо на странице.
Цена объяснена составом из пяти групп: видно, за что платят, включая пропуск в заповедник и маячок с подключением к МЧС.
Восемь вопросов FAQ снимают возражения новичка до звонка — от физподготовки до верхней границы возраста.
Структуру и тексты согласовали на вайрфрейме, поэтому дизайн рисовался один раз, а правки пришлись на схему.
Десять блоков в порядке прокрутки: от первого экрана до подвала.
Нажмите на изображение, чтобы открыть его во весь экран. Работают стрелки, клавиши ← → и миниатюры.
Схема с готовыми текстами. Геометрия совпадает с макетом пиксель в пиксель: вайрфрейм рисовался в том же фрейме, поэтому видно, что менялась только подача.
Нажмите на изображение, чтобы открыть его во весь экран. Работают стрелки, клавиши ← → и миниатюры.
Расскажите, из чего состоит ваша программа и чего боятся те, кто идет впервые. Посмотрю, какие блоки должны закрыть эти вопросы до звонка.
