Напишите нам
Оставьте свои данные и мы свяжемся с вами
Создание дизайна сайта и UI-кит одной из крупнейших образовательных платформ от Сбер для тех, кто хочет найти свой путь в ИТ.
Школа 21
Сбер
Клиент
Образование
Отрасль
2020
Год запуска
Создать дизайн сайта образовательной платформы Школа 21 с акцентом на юзабилити и стиль, привести дизайн к единой системе в соответствии с брендбуком.
Задача
Что сделали
Аналитика и прототипирование
Дизайн интерфейсов
Поддержка и развитие
Школа 21 - образовательная платформа от Сбер. Программирование с нуля для тех, кто хочет сменить профессию, найти себя в IT, получить практические знания. Бесплатно, без менторов и оценок, индивидуальный график и работа школы 24/7, что позволяет совмещать обучение с работой/учёбой в ВУЗе. Предложение о работе вы получаете ещё на момент обучения.
О проекте
Главное - восприятие
Школа 21 - современная образовательная платформа с собственным подходом к обучению. Поэтому, создавая дизайн, нам важно было акцентировать на этом позиционировании.
Мы сфокусировались на актуальном и минималистичном дизайне, при этом добавив узнаваемые элементы, которые закрепили ассоциацию. На основе гайдов заказчика, была составлена цветовая схема, а также сформированы текстовые стили. Таким образом, уже на моменте регистрации, будущий ученик проникается духом платформы.
Мы сфокусировались на актуальном и минималистичном дизайне, при этом добавив узнаваемые элементы, которые закрепили ассоциацию. На основе гайдов заказчика, была составлена цветовая схема, а также сформированы текстовые стили. Таким образом, уже на моменте регистрации, будущий ученик проникается духом платформы.
Все, до мелочей
Каждый, созданный нами элемент, призван сделать использование платформы как можно более удобным и понятным. Одна из основных задач - проработка дизайна логических мини-игр. Этот раздел предназначен для тестирования студента - основной акцент на лаконичность и юзабилити.
Для наглядного отслеживания успехов, были отрисованы иконки в стиле Pixel-art в соответствии с брендингом.
Для наглядного отслеживания успехов, были отрисованы иконки в стиле Pixel-art в соответствии с брендингом.
Важные этапы
Сбор информации, будь то вступительные документы новичка или обратная связь выпускника, необходим.
Мы позаботились о том, чтобы подача информации была максимально полной и при этом не обременяла пользователя множеством полей. Разнообразная форма ответа на важные для платформы вопросы, не выглядит нудно и не отталкивает от заполнения.
Мы позаботились о том, чтобы подача информации была максимально полной и при этом не обременяла пользователя множеством полей. Разнообразная форма ответа на важные для платформы вопросы, не выглядит нудно и не отталкивает от заполнения.
Что еще?
Финальный этап, после которого пользователь отправляется в увлекательное приключение — обучение. Все ответы на вопросы любого ученика собраны в одном месте. Не получится заблудиться, опоздать или пропустить дедлайн.
Элементы дизайн-системы легко адаптируются под любые разрешения, а также могут быть использованы в дальнейшем при создании мобильного приложения. Разработано 200+ экранов, предусмотрено 5 ключевых разрешений, включающих в себя десктоп версии, версию для планшетов и мобильных устройств.
Элементы дизайн-системы легко адаптируются под любые разрешения, а также могут быть использованы в дальнейшем при создании мобильного приложения. Разработано 200+ экранов, предусмотрено 5 ключевых разрешений, включающих в себя десктоп версии, версию для планшетов и мобильных устройств.
ещё кейсы
Backend
•
Frontend
•
Design
•
Запуск продукта
Сельское хозяйство
Помогли автоматизировать работу агропромышленного комплекса Республики Мордовия и уберечь поля от засухи, пожаров и вредителей. Создали возможность автоматического мониторинга параметров сельскохозяйственных угодий и отслеживания метеоданных, а также получения уведомлений о критических природных событиях.
•
•
Backend
Mobile
Design
Многофункциональная экосистема с элементами СМИ и eCommerce для любителей американской баскетбольной лиги.
Спорт