🎥 Обзор вёрстки клуба по фейспилатесу Дарьи Орловой
Отзыв заказчицы выше
Наконец-то выкладываю работу, которую делала ещё в мае — вёрстку клуба в онлайн-школе по фейспилатесу Дарьи Орловой.
⠀
С Дарьей мы уже работали раньше — настраивала для неё кэшбек. А потом прилетает сообщение:
👉 «Вы же ещё и вёрстку тренингов делаете, верно?»
Я, если честно, удивилась — у них всё было уже оформлено.
Оказалось, планировалась переработка клуба: хотелось сделать визуально интереснее и функциональнее для участников.
💬 «Если дизайнер нарисует личный кабинет — сможете реализовать? И вообще, насколько сильно нас ограничивает GetCourse?»
На что я ответила:
Ограничивает в основном только ширина контейнера (1270 px). Остальное — обсуждаемо. Но чем фантазия богаче — тем важнее детали. «Огласите весь список», как говорится 😄
📌 По итогам обсуждений:
▫️ Был получен макет от дизайнера
▫️ Я задала уточняющие вопросы — по структуре, названиям модулей, статусам уроков (в макете были несостыковки с тем, что уже реализовано в клубе)
▫️ Вместе продумали, что и как можно доработать
▫️ И... внедрили ✨
🎨 В клубе два тарифа — и у каждого своя цветовая гамма.
Переменные цвета очень выручили: дублировала оформление, меняла только переменные — быстро, удобно, аккуратно.
🎯 А дальше — самое интересное: геймификация.
💡 Заказчица сначала планировала простую механику: начисление баллов за прохождение уроков и возможность «потратить» их на полезные материалы.
⠀
Я предложила идею со шкалами достижений — и она откликнулась!
«Вооот, очень классно, о таком не думала, но теперь подумаю точно. Благодарю за идею!»
🛠 В итоге на платформе появилось:
1️⃣ Общая шкала баллов
— влияет на уровень пользователя
⠀
2️⃣ Такие же баллы
— видна отдельным блоком
— расходуются в магазине бонусов
⠀
3️⃣ Прогресс-бары по выполненным тренировкам
— на уровне каждого модуля
🔄 Всё это работает на автомате, без костылей и на базе стандартных инструментов GetCourse.
📲 Страница адаптирована под мобильные браузеры. В приложении какие-то элементы могут не отображаться, но в рамках проекта это не было критично.
📽 Видео записывала ещё весной, без закадровых комментариев, поэтому позже озвучила в Камтазии.
И тут поняла: спустя два месяца не так-то просто вспомнить, зачем мышкой вожу туда или сюда 🙃
Так что за тараторку простите, но сама работа — вот она, делюсь с удовольствием.
________________________________
#тренинг #список_уроков #виджет #прогресс_бар
Заказать верстку 👉🏻 @laro4kafr
