Найти в Дзене
Larisa Frolova

🎥 Обзор вёрстки клуба по фейспилатесу Дарьи Орловой

🎥 Обзор вёрстки клуба по фейспилатесу Дарьи Орловой Отзыв заказчицы выше Наконец-то выкладываю работу, которую делала ещё в мае — вёрстку клуба в онлайн-школе по фейспилатесу Дарьи Орловой. ⠀ С Дарьей мы уже работали раньше — настраивала для неё кэшбек. А потом прилетает сообщение: 👉 «Вы же ещё и вёрстку тренингов делаете, верно?» Я, если честно, удивилась — у них всё было уже оформлено. Оказалось, планировалась переработка клуба: хотелось сделать визуально интереснее и функциональнее для участников. 💬 «Если дизайнер нарисует личный кабинет — сможете реализовать? И вообще, насколько сильно нас ограничивает GetCourse?» На что я ответила: Ограничивает в основном только ширина контейнера (1270 px). Остальное — обсуждаемо. Но чем фантазия богаче — тем важнее детали. «Огласите весь список», как говорится 😄 📌 По итогам обсуждений: ▫️ Был получен макет от дизайнера ▫️ Я задала уточняющие вопросы — по структуре, названиям модулей, статусам уроков (в макете были несостыковки с тем, ч

🎥 Обзор вёрстки клуба по фейспилатесу Дарьи Орловой

Отзыв заказчицы выше

Наконец-то выкладываю работу, которую делала ещё в мае — вёрстку клуба в онлайн-школе по фейспилатесу Дарьи Орловой.

С Дарьей мы уже работали раньше — настраивала для неё кэшбек. А потом прилетает сообщение:

👉 «Вы же ещё и вёрстку тренингов делаете, верно?»

Я, если честно, удивилась — у них всё было уже оформлено.

Оказалось, планировалась переработка клуба: хотелось сделать визуально интереснее и функциональнее для участников.

💬 «Если дизайнер нарисует личный кабинет — сможете реализовать? И вообще, насколько сильно нас ограничивает GetCourse?»

На что я ответила:

Ограничивает в основном только ширина контейнера (1270 px). Остальное — обсуждаемо. Но чем фантазия богаче — тем важнее детали. «Огласите весь список», как говорится 😄

📌 По итогам обсуждений:

▫️ Был получен макет от дизайнера

▫️ Я задала уточняющие вопросы — по структуре, названиям модулей, статусам уроков (в макете были несостыковки с тем, что уже реализовано в клубе)

▫️ Вместе продумали, что и как можно доработать

▫️ И... внедрили ✨

🎨 В клубе два тарифа — и у каждого своя цветовая гамма.

Переменные цвета очень выручили: дублировала оформление, меняла только переменные — быстро, удобно, аккуратно.

🎯 А дальше — самое интересное: геймификация.

💡 Заказчица сначала планировала простую механику: начисление баллов за прохождение уроков и возможность «потратить» их на полезные материалы.

Я предложила идею со шкалами достижений — и она откликнулась!

«Вооот, очень классно, о таком не думала, но теперь подумаю точно. Благодарю за идею!»

🛠 В итоге на платформе появилось:

1️⃣ Общая шкала баллов

— влияет на уровень пользователя

2️⃣ Такие же баллы

— видна отдельным блоком

— расходуются в магазине бонусов

3️⃣ Прогресс-бары по выполненным тренировкам

— на уровне каждого модуля

🔄 Всё это работает на автомате, без костылей и на базе стандартных инструментов GetCourse.

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

📽 Видео записывала ещё весной, без закадровых комментариев, поэтому позже озвучила в Камтазии.

И тут поняла: спустя два месяца не так-то просто вспомнить, зачем мышкой вожу туда или сюда 🙃

Так что за тараторку простите, но сама работа — вот она, делюсь с удовольствием.

________________________________

#тренинг #список_уроков #виджет #прогресс_бар

Заказать верстку 👉🏻 @laro4kafr

-2