Выпрямись!

Разработка сайта для онлайн-клуба

*сайт редактируется заказчиком, возможно изменение исходного дизайна
Разработка лендинга под ключ

О проекте

«Выпрямись!» — онлайн-клуб оздоровительных тренировок для дома. Идея клуба в том, что там есть как полноценные курсы и интенсивы, так и короткие микро- и минитренировки. Эти тренировки — авторская разработка заказчика, чтобы люди внедряли активность в повседневную жизнь и начинали тренироваться с малого.

Задача

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

Аналитика

Провели анализ конкурентов и взяли себе некоторые идеи. Провели анализ ЦА, их отзывов, поведения в интернете, а также составили портеры ЦА на основе аудитории в соц сетях.

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

Одним из решений было сделать несколько блоков с разделением ЦА по потребностям:
1. Переключатель, чтобы человек выбрал, сколько у него есть времени на тренировки
2. Карточки, которые предлагают варианты тренировок в зависимости от наличия свободного времени

Тексты и прототип

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

Концепция

Обсудили с заказчиком, что важно передать на сайте:
– подробно раскрыть принцип клуба, что есть как полноценные тренировки, так и короткие;
– сделать понятно, так как ЦА в основном возрастная;
– вызвать ощущение заботы.

Дизайн

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

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

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

Главная страница

Сайт не подразумевает большое использование фотографий, поэтому нужно было сделать дизайн, основываясь на типографике и графических элементах. Выбрали популярный интерфейсный стиль, так как закруглённые края выглядят дружелюбно, сами плашки создают дополнительный объём на странице и добавляют порядка в элементы. Также плашки отсылают нас к интерфейсу приложений, что также подходит нам, потому что продукт — это онлайн-тренировки.
Заказать сайт на Тильде
Создание сайта с нуля
Создание лендинга для онлайн-продукта
Сайт получился большой, поэтому нужно заставить пользователя остаться на нём. Для этого мы предлагаем ему повзаимодействовать с контентом: выбрать уровень занятости, перевернуть карточки и прочитать их, нажать на проблемные зоны человечка. Для всех этих интерактивных элементов использовали рукописные подсказки, которые позволяют пользователю понять, что именно нужно сделать, а также передают неформальное настроение, как будто с тобой общаются форматом письма.
Заказать сайт под ключ
Разработка лендинга для онлайн-продукта
Отзыв
Заказчик очень доволен результатом

Награды

Сайт дня (11.05.24) на BestCSS
Сайт дня (16.04.24) на CSSLight
Сайт дня (24.12.23) на Design Nominees
Галерея лучших сайтов Made on Tilda

Спасибо за просмотр!

Буду рада создать для вас уникальный проект. Свяжитесь со мной по контактам ниже или заполните бриф по кнопке.