Дизайн образовательного портала

Проработка архитектуры образовательного портала

Перед брендинговым агентством MindRepublic встала очередная интересная задача – создание сайта образовательного портала, который в современных реалиях дистанционного и онлайн обучения помогал бы учителям и ученикам решать их задачи. Дизайн портала должен быть современный, минималистичный, стильные шрифты и изображения. Тонкие рамки, изящные линии и цвета – это были пожелания заказчика. Мы немного доработали logo Ladle Plus и перешли к веб-дизайну. Первым делом мы разработали серию прототипов проекта, которые помогли нам простроить путь пользователя по ресурсу. Всего было создано более 50 страниц прототипа. Затем мы подобрали несколько референсов по цветовой гамме и общей стилистике сайта.

Типографика и цветовая схема сайта

Мы подобрали идеальное сочетание шрифтов и цветовую гамму будущего образовательного ресурса. А также широкий спектр дополнительных цветов, которые будут помогать пользователю в навигации по порталу. Это напоминало разработку фирменного стиля, но именно для сайта. И поскольку пользователи могли сами менять цвета некоторых элементов сайта – мы подобрали основные цвета и для этого. Чтобы выбранный пользователем цвет не портил и гармонировал с общей цветовой палитрой образовательного портала.

Иллюстрации для сайта

Наш иллюстратор нарисовала серию стильных современных иллюстраций. Их ключевая особенность – сильно укрупненные руки и ноги. Они стали своего рода визитной карточкой образовательного портала Ladle. Создание иллюстраций для сайта в данном случае позволило сделать дизайн портала более дружелюбным не только для взрослой, но и для более юной аудитории.

Адаптивный дизайн портала

Функционал мобильной или адаптивной версии образовательного портала был немного урезан. Это было связано с тем, что создавать уроки с экрана смартфона просто не удобно. Но в остальном сайт имеет прекрасную адаптивную версию, которая делает использования портала еще удобнее.

Бекенд портала

Для проекта мы нарисовали дизайн более 30 страниц. Большая часть страниц относилась к бекенду сайта, то есть его внутренней части: лучному кабинету преподавателей и учеников. Мы провели огромную работу с UI, чтобы продумать все нюансы по взаимодействию пользователей с порталом. Используя по настоящему “умный подход” к созданию сайтов, нам удалось получить удобный, стильный и минималистичный сайт.

Над проектом работали:
Арт-директор – Юрий Косаговский
Ведущий дизайнер – Елена Панченко
Иллюстратор – Елена Панченко