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

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

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

Поэтому я сделала несколько блоков с разделением ЦА по потребностям:

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

На основе текстов я составила структуру и прототип сайта:

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

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

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

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

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