Разработка Дизайна для компании FatFit

/Разработка дизайна для компании FatFit

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

Перейти на сайт

Кейс на Behance

/ Задача клиента

Миссия проекта

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

Уникальный web-сервис

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

Креативность

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

Высокое качество

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

Благотворительность

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

/ Образы и композиция

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

/ Типографика и цвета

/ Структура сайта

Структура сайта несколько раз менялась! Изначально у клиента был прототип, на нем был детализирован большой спектр функционала, но на этапе оценки проекта стало понятно, что клиенту необходимо сократить объем хотелок. Сосредоточились на 4х ключевых фичах сайта – Соревнования, Мотивация, Зал славы, Личный кабинет. Так как web-сервис создается с нуля, то проверить все гипотезы на старте просто не возможно, проще всего развивать проект после запуска MVP.

/ Концепция дизайна

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

Кирилл Рыков

Art-Director of Header & Footer

/ Личный кабинет

У всех пользователей на портале есть два сценария действий:

Он является участником соревнования и должен регулярно подавать свои данные о похудении, следить за результатами других участников, а также получать задания от наставников;
Пользователь создает собственное соревнование и приглашает туда игроков. Ему также требуется следить за результатами других участников соревнования, ставить им задачи, приписывать диеты и т.д.

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

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

/ Мотивация

В рамках портала было сформировано много материала, который мог бы помочь участникам с формирующимися проблемами, пока он участвует в соревнованиях. Для решения этой задачи мы создали раздел «Мотивация». Его функционал знаком большинству пользователей, кто каждый день использует с различными интернет изданиями: Яндекс Дзен, vc.ru, Medium. Мы дали возможность читать материалы по рубрикам, оставлять комментарии, подписываться, а также самостоятельно генерировать контент на портале и делиться собственным успехом в формате статей.

/ Соревнования

/ Зал славы

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