Дизайн на GetCourse. CSS
October 8, 2021

Стилизация бокового меню на GetCourse

Если для школы слова "корпоративный стиль" - не пустой звук, то она стремится к его использованию не только на лендингах, в соц.сетях, но и в личном кабинете своего аккаунта Геткурс.

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

Вот так строго и неиндивидуально оно выглядит в аккаунте каждой онлайн-школы.

А вот так оно может выглядеть

Вид меню пользователя, у которого не установлено личное фото профиля (аватар).

Общий вид

Выпадающее подменю

Раздел уведомлений

Вид меню пользователя, у которого аватар установлен.

Мобильная версия меню

Меню скрыто

Меню активно

Данное исполнение имеет также особые свойства при наведении на пункты меню и подменю. Подробнее это можно увидеть на видео ниже.

Версия для компьютеров

Мобильная версия

Результат: ученики понимают, в аккаунте какой школы они находятся и никогда не перепутают ваш аккаунт GetCourse с каким-либо другим.

Пример оформления панели с фоном-изображением можно посмотреть здесь https://teletype.in/@nosova.online/mDo2bJ97QrK


Хочешь так же или есть вопрос? Пиши.


Ирина Носова. Индивидуальная кастомная вёрстка на GetCourse

Связаться: