19 подписчиков
Геткурс. Оформление тренингов и уроков. Международная онлайн-школа ПАСТИЛЬЕ.
Вёрстка главной страницы курса по готовому дизайн-макету.
Работая с макетами другого дизайнера, очень часто возникает мысль, что специалисты, создающие дизайн для страниц Геткурса, должны иметь представление о том, как их дизайн потом будет верстаться. Нарисовать в Фигме можно много всего, надо понимать, на сколько этот макет можно реализовать на ГК.
Что было сделано на этой странице:
🟣 разделение модулей на " Доступные к изучению" и "Доступные после оплаты";
🟣 установка баннера с приветствием и фотографией автора курса;
🟣 список модулей по две плитки в ряд. А так как по дизайну модули " Доступные после оплаты" отличаются от модулей "Доступных к изучению", то я верстала каждый этот модуль индивилуально;
🟣 календарь событий с привязанным расписанием уроков;
🟣 баннер с переходом в канал потока;
🟣 баннер куратора с переходом в индивидуальный чат;
🟣 три кнопки нестандартной формы (служба заботы и повысить тариф). Такие восьмиугольные кнопки реализовала с помощью css свойства clip-path;
🟣 кастомизация боковой панели меню с заменой фона и иконок.
Также внесла некоторые свои изменения, такие как:
🟣 добавила тени к карточкам модулей и главному баннеру, а также к тексту внутри данных элементов. Добавление теней к элементам дизайна визуально делает их более объемными.
🟣 изменила форму кнопок в карточках модулей, сделала их в виде золотой плитки.
На мой взгляд внесенные изменения в дизайн значительно улучшили его.
🔮 Хотите, чтобы ваш проект на GetCourse был уникальным и привлекал клиентов? Я помогу вам с дизайном и версткой. 🔮
💫💫 Для заказа такого оформления свяжитесь со мной:
#верстка #оформление #геткурс #дизайнер #обучение #саморазвитие #школа #кондитер #дизайн #сотрудничество
1 минута
6 сентября 2024