Выпрямись!

Разработка лендинга для онлайн-клуба

Онлайн-клуб тренировок для здоровой спины, который предлагает тренировки от 1,5 до 35 минут. Действует по принципу абонемента.
*сайт редактируется заказчиком, возможно изменение исходного дизайна
Разработка лендинга под ключ

О проекте

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

Задача

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

Что было сделано?

  1. Анализ сайтов конкурентов;
  2. Анализ целевой аудитории;
  3. Написание текстов, так как у заказчика их не было;
  4. Разработка текстового прототипа;
  5. Создание уникальной дизайн-концепции;
  6. Вёрстка на Тильде и адаптация для мобильных устройств.

Аналитика

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

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

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

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

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

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

На основе текстов я составила структуру и прототип сайта:
Прототип сайта
Создание прототипа и продающей структуры сайта
Написание текстов для сайта

Концепция

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

Дизайн

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

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

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

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

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

Награды

  • «Сайт дня» 11.05.24 на BestCSS
  • «Сайт дня» 16.04.24 на CSSLight
  • «Сайт дня» на международной премии Design Nominees
  • Галерея лучших сайтов на Тильде «Made on Tilda»

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

Буду рада создать для вас уникальный проект. Свяжитесь со мной по контактам ниже или заполните бриф по кнопке, если хотите заказать сайт.
Как вам проект?
Made on
Tilda