Дизайн сайта образовательного портала. Умный UI дизайн.

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

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

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

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

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

дизайн образовательного сайта портала - цветовая гамма и шрифты

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

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

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

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

дизайн сайта образовательного портала мобильная версия

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

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