К нам обратился Александр Фирсов, владелец школы BlaBlaInvest. Мы делали для него оформление Геткурса для школы.
Сначала это был дизайн в стиле Алисы в стране чудес:
Потом Александр ушел от этой стилистики и перешел к «обычному» современному дизайну. Мы поставили базовый Remake:
Ему хотелось докрутить оформление, добавить больше возможностей. Мы созвонились, обсудили фронт работ и приступили к задаче.
Процесс
Попробовали несколько вариантов раскладки тренингов.
После того, как определились с примерной сеткой, поставили баннер, сделали дизайн 3 закрепленных тренингов и прикинули проекты.
Дальше уже сделали дизайн самих тренингов с дополнительными функциями:
Прогресс-бар
Вложения
Сложность (молнии)
Предусмотрели вариант для тренингов с картинкой и без:
Дальше прикинули, как это могло бы выглядеть в несколько колонок:
Пока думали над колонками, модицифировали боковую панель. Добавили блоки про партнерку, связь Сашей и кнопки соц.сетей:
В раскладке в 2 колонки нам не нравилось, что боковая панель занимает целый столбец. Надо было что-то делать.
Мы попробовали боковую панель переместить наверх и сделать горизонтальной:
Круто! У нас освободилось место. Тренинги стали свободнее, получили больше пространства.
Попробовали обновить дизайн виджетов сверху.
Но эта идея показалась неудачной. Оставили как было. Докрутили кнопки и добавили кнопку «Написать» для Саши.
Страница курса
Страницу курса тоже хотелось обновить, но не сильно. Чтобы обновление не затянулось по времени и стоимости.
Добавили прогресс-бар, скрутили углы, добавили фон и поменяли внешний вид модулей. Стало лучше.
Адаптив
Так как сетка тренингов и верхняя панель сложноваты, нужно было задизанить все экраны, чтобы разработчик знал как их адаптировать.
На мобильном виджеты попадают в плавающую вкладку, которую можно открыть в любом месте страницы.
Если хотите, чтобы ваша школа выглядела достойно, а ученикам было удобно → пишите в телеграм. Выделю время, расскажу и покажу, как можно сделать школу классной 💜
Генерация изображений
Изображения для тренингов сверху генерировали с помощью chatgpt. Даже не пришлось звать Midjourney. Ниже покажем, сколько ушло на то, чтобы сделать одну только книгу.