Разработка сайта и его интеграция в образовательную среду GetCourse

• Разработка прототипа сайта

• Разработка дизайна для десктопной, планшетной и мобильной версии сайта

• Верстка сайта в GetCourse

• Наполнение сайта

• Разработали прототип в Figma на основе предоставленной информации

• Опираясь на брендбук разработали дизайн десктопной, планшетной, мобильной версии

• Сверстали дизайн в GetCourse

Вначале необходимо было собрать всю информацию для работы по проекту. Запросили у заказчика брендбук, тз на сайт (текстовое содержание, фотографии), примеры сайтов, которые нравятся.

Скрин тз:

По полученному тз сделали прототипы страниц сайта.

Скрин прототипа:

На основе прототипа главной страницы разработали 3 версии концепции дизайна. Были определенные ограничения, в рамках которых приходилось варьировать.

Скрин 3 макетов главной страницы:

Согласовав на примере главной страницы общую концепцию дизайна, приступили к дизайну остальных страниц.

Скрин дизайна всех страниц:

Все работы делали в Figma. Готовый дизайн всегда можно отправить заказчику по ссылке, где он может посмотреть, как всё выглядит на компьютере или телефоне. Очень удобно.

Пример отображения дизайна на разных устройствах через Figma:

Получив доступы к образовательной среде заказчика в GetCourse, приступили к верстке согласованного дизайна.