Обсудить задачу ↗
← Проекты
Продуктовый дизайн / CASE STUDY

Milestone

EdTech-платформа для частных школ: управление бизнес-процессами для руководителей, учителей, учеников и родителей

Моя рольДизайн представленных экранов
TOOLS / PRACTICEUX/UI · EdTech · Figma · UI Kit · Research
Формат кейсаСценарии · экраны · UI kit
INTERFACE DESIGN

Спроектировал интерфейс

Мой вклад — дизайн представленных экранов и сценариев.

01UX02UI03SYSTEM
В этом проекте
  • Сценарии
  • Экраны
  • Визуальный язык
MilestoneMilestone
Milestone / Продуктовый дизайн

Задача

Частным школам не хватало единой платформы — каждая роль работала в своём хаосе: учителя вели журналы вручную, родители не знали об успеваемости ребёнка, руководители не видели бизнес-процессы в реальном времени.

Задача — продумать архитектуру платформы, которая одновременно удобна для четырёх совершенно разных пользователей: ученика, родителя, учителя и директора.

Экраны отражают мой вклад в проект. Другие части действующего продукта могли быть созданы командой.

01 / ROLE-BASED DESIGN

Несколько ролей. Разные приоритеты.

Платформа объединяет ученика, родителя, учителя и руководителя. Мой вклад — интерфейсы родителей и учеников, а также страницы учительского дашборда. На обзоре важны не просто показатели: рядом с успеваемостью расположены расписание, задания и ближайшие события.

Обзор: успеваемость, посещаемость, задания и расписание
01

Карточки дают краткую картину до перехода в детали.

02

Расписание и задания находятся в том же рабочем пространстве.

03

Левая навигация сохраняется между разделами.

02 / INFORMATION DENSITY

Недельное расписание без потери контекста

Временная шкала и колонки дней задают структуру плотного экрана. Переключатели периода и поиск остаются над календарём. Цветовые блоки разделяют занятия, а боковая панель не перекрывает сетку расписания.

Расписание: неделя, временная шкала и уроки
03 / TEACHER WORKSPACE

От урока — к работе с классом

На экране урока дата, предмет и класс собраны в одну область. Рядом — материалы и домашнее задание; ниже — список учеников. Так действия относятся к конкретному занятию, а не оказываются разбросаны по разным страницам.

Учительский экран: контекст урока и таблица оценок
04 / MOBILE CONTEXT

Мобильный экран — отдельное решение

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

Посещаемость и история на десктопе
Мобильные уведомления
VISUAL LANGUAGE

Характер проекта

#1D4ED8
#E9F3FD
#FFFFFF
01UX/UI02EdTech03Figma04UI Kit05Research
DELIVERABLE

Что получилось

Создана полная UX-архитектура платформы от исследования до передачи в разработку.

Все этапы задокументированы: исследование, анализ конкурентов, информационная архитектура, прототипы, UI, тестирование, итоговые экраны.

Платформа охватывает четыре роли в едином продукте — без компромиссов в удобстве для каждой из них.

Следующий проектKim menimen ↗
LET’S TALK

Обсудим твою задачу?

Напиши мне в WhatsApp: расскажи о проекте или предложении работы.

Написать в WhatsApp+7 708 903 43 49