Залиште заявку

House of pain

Сайт з тренуваннями, планом харчувань та корисними статтями про здоров'я

Цілі

Мета проєкту полягала у розробці індивідуального цифрового простору для онлайн-фітнесу «з нуля».

Основний акцент було зроблено на поєднанні унікального візуального стилю та високої функціональності: ми створили інтуїтивну екосистему для тренувань, планів харчування та корисного контенту.

Проєкт спрямований на максимальне залучення користувачів через сучасний UX/UI дизайн, що транслює цінності бренду та забезпечує високу продуктивність платформи.

Завдання

  • Розробка структури сайту, яка б відповідала потребам бізнесу.
  • Створення прототипу, що враховує користувацький досвід.
  • Дизайн інтерфейсу з урахуванням корпоративного стилю.
  • Реалізація адаптивного дизайну для коректного відображення на різних пристроях.
  • Оптимізація сайту для швидкого завантаження та високої продуктивності.

Команда проєкту

1x Project Manager

2x Web-designer UX/UI

1x Front-end developer

1x Back-end developer

Прототип

Дизайн

Головна сторінка

Головна сторінка має лаконічний хедер, проте вся неохідна інформація є в меню-гамбургері. Традиційний, але ефективний крок - фото тренування на фоні, яке відразу викликає правильну асоціацію. Соціальні мережі для того, щоб швидко залучати відвідувачів до ком’юніті та довготривалого зв’язку.

Workouts

Найпопулярніші та доступні відразу тренування, які легко відкрити відразу після відкриття сайту. Це патерн пробного заняття, після якого користувач захоче продовжити тренування в, можливо, платній версії сайту.

Програми тренувань

Є кілька видів необхідних тренувань, які підійдуть для будь-кого. Їх можна фільтрувати, сортувати та підлаштовувати пошук під себе. Окрім назви, ми відразу бачимо тривалість програми, необхідність обладнання та приклади вправ.

Сторінка тренування

На сторінці є відео, його опис, зручні таймкоди справа для того, щоб виконувати вправи синхронно було зручно.

Сторінка знань

Корисне місце для тих, хто хоче вивчити більше про харчування, медицину, баланс у тренуваннях тощо. Наприклад, у розділі харчування можна знайти цікаві статті на популярні теми, які допоможуть на шляху до мети.

Сторінка рецептів

Чудовою ідеєю було розміщення різноманітних рецептів для здорового харчування прямо на сайті. Ми бачимо інградієнти, інструкцію та пораховану кількість калорій, приблизний вигляд страви.

Прайс лист

Сторінка для вибору зручного плану підписки та тренувань. Усі переваги перелічено на картках, є можливість оплати піврічного чи річного планів помісячно, що є досить зручним для різних користувачів сайту.

Особистий кабінет

Спостерігаємо тут бокове меню, до міститьчя персональна інформація, гаманець, план підписки та налаштування. Усі необхідні інструменти для позитивного користувацького досвіду.

Сторінка аналітики

На сторінці є дві вкладки: прогрес та історія тренувань. На вкладці прогресі, наприклад, можна прослідкувати за часом тренувань протягом різних періодів часу та відсоткового навантаження.

Адаптивний дизайн

Використовувані технології

Laravel Framework
Laravel
Vue.js
Vue.js 2/3
inertiajs
inertiajs
Yii2 Framework
Yii2

Обговоримо проєкт?

Напишіть нам і ми в найближчий час зв’яжемося з Вами для обговорення деталей стосовно Вашої ідеї. Круті проєкти починаються з заповнення цієї форми.
Розкажіть про свій проєкт
* Обов'язково до заповнення