Как мы вместо сайта случайно сделали фирстиль. Кейс: лендинг для бегового клуба из Петербурга

Привет! Это «Е–Б Эдженси» и сегодня мы хотим показать, как мы делали сайт для клуба PapaRun. Расскажем, как транслировать семейные ценности через дизайн, что общего у зеленого с красным и сколько новых людей можно привести на тренировки через лендинг (спойлер — не так уж много, но это не главное).

К нам обратилась Анна, соосновательница Бегового клуба ПапаРан с запросом на редизайн существующего сайта клуба. Сайт хотелось сделать более современным и конкурентоспособным. Главная бизнес-задача — привлечь в клуб новых спортсменов и увеличить размеры тренировочных групп.

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

Таких, казалось бы очень разных людей, и объединяет Papa Run — участники вместе тренируются два раза в неделю, улучшают технику бега, вместе участвуют в забегах, ставят рекорды и просто классно (и полезно) проводят время вместе.

Папа Ран пришёл к нам с существующим сайтом. В начале работы мы проанализировали его, чтобы понять ошибки, которые точно не нужно повторять.

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

Ключевой инсайт лежал в главной фишке клуба — семейности. Клуб основали отец и дочь (отсюда и название), многие ходят заниматься в клуб буквально семьями — например, среди участников есть семейная пара, родители с детьми и даже братья-близнецы 😁

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

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

Главным визуальным референсом проекта стала фотография обычного спортивного стадиона: отталкиваясь от неё мы определили контрастное сочетание красного и зелёного (в котором ещё много дополнительных слоев и смыслов), а ещё плавные линии, которые дополнили графический стиль сайта.

Основной стиля стали «несочетаемые» многозначные цвета — сочетание красного и зелёного.

Красный — это динамика, движение, цвет дорожки стадиона.

Зеленый — это спокойствие, здоровье, цвет газона и парка, в котором проходят пробежки.

Сложив все визуальные элементы вместе, мы получили динамичный концепт с яркими акцентами.

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

🏃‍♂ Посвящаем целый блок сторителлингу об основании клуба

Он помогает раскрыть миссии и ценности основателей — и привлечь к участию таких же людей. В этом блоке даже фото подобраны не специально: по центру фотография Анны с отцом, слева — вся их семья (Анна, отец и младший брат, который тоже занимается бегом), а справа — дочки одного из участников, поддерживающие папу на забеге. Мы ждем в клубе тех, кто как и мы — разделяет семейные ценности и здоровый образ жизни.

🎁 Делаем блок про бонусы для участников

Тем, кто занимается в клубе больше 3 месяцев, положена стильная клубная футболка. А для тех, кто бегает вместе с ПапаРан целый год — клуб оплачивает участие в любом забеге на выбор. Мелочи, но приятно.

🦾 Показываем, что мы — про людей, а не про беговых киборгов

Для этого в блоке отзывов вместо шаблонного «Я Наташа, клуб класс» мы вводим точки А — показываем, что к нам приходят люди разного уровня (кто-то вообще не бегал, кто-то занимался другим спортом), и показываем точки Б: почти все пробежали марафон или полумарафон и поставили свои личные беговые рекорды.

Внутри сайта «прячется» личный кабинет для спортсменов. После покупки абонемента каждый участник регистрируется в ЛК, где может отслеживать свой прогресс и скачивать личный план тренировок на неделю. Мы переработали структуру существующего ЛК, адаптировали его для мобильного телефона.

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

Отдельное внимание уделили мобильной версии сайтов — большинство спортсменов посещает сайт именно с телефона, поэтому было важно сделать адаптив удобным и понятным.

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

За полгода в клуб пришло 8 новых бегунов, половина — по заявке с сайта. Учитывая, что зимний период — не сезон, результат хороший.

Мы делали этот проект в самом начале зарождения Е-Б Эдженси: нас было всего двое :)

Мария Ищенко — тексты, логотип, дизайн-концепция, вёрстка

Елена Бобина — тексты, дизайн-концепция, анимации

Анна Толкунова — соосновательница PapaRun, без которой бы всего этого не было :)