DIMORDAI
Полный редизайн EdTech-продукта — дизайн-система, 50+ экранов, по 6 состояний, для команды из 13 человек
- Категория
- Образование
- Год
- 2026

Описание
EdTech-платформа, которую нужно было спроектировать с нуля
DIMORDAI — образовательная платформа для старшеклассников и их родителей, которую делает стартап из Армении. Курсы, живые уроки, домашние задания, тесты, AI-помощник, рефералки и оплата — в одном продукте
Когда я присоединился, дизайн продукта не работал. Кофаундер позвал двух дизайнеров — меня и Лину — чтобы перестроить всё с нуля
Задача
Старый дизайн был слишком простым, чтобы отдавать в разработку. Шесть разработчиков ждали макеты, а дизайн-системы не было — каждый экран приходилось додумывать
Команде нужен был полный редизайн. Не красивые экраны — **система**, из которой разработчики могли собирать без вопросов по каждому компоненту
Как спроектировать 50+ экранов, не тормозя 6 разработчиков?
Подход
Сначала система, потом экраны
- **Дизайн-система на первом месте** — на базе Tailwind, с ориентиром на Material 3, со спецификациями. Каждый компонент задокументирован до того, как попадал в экран
- **Состояния, а не только счастливый путь** — каждый экран с лоадингом, пустым состоянием, ошибкой и скелетоном. Только дашборд — 6 состояний; AI-ассистент — 4 состояния × десктоп и мобайл
- **Адаптив с первого дня** — десктоп (1440), планшет (768), мобайл (375) для каждого ключевого экрана. Брейкпоинты рядом с десктопом, не в отдельном файле
- **Два дизайнера, одна система** — я работал с Линой, разделив экраны по зонам. Ревьюили друг друга до того, как макет уходил в команду



Результатыконец
От старого дизайна до продукта для инвесторов за 8 месяцев
За 8 месяцев я спроектировал 50+ секций: дашборд с целями и курсами, хаб курсов с живыми уроками и ДЗ в 5 состояниях, AI-ассистент с предметным тьюторингом, авторизацию с раздельными флоу для учеников и родителей, рефералку, статистику, оплаты, банк вопросов и лендинг
Дизайн передан фронтенд-команде. Стартап попал в **акселератор Яндекса** и питчил инвесторам. Запуск продаж — с подключённым эквайрингом. Дизайн-система стала фундаментом, из которого собирала вся команда
Хотите такой сайт с AI-ассистентом?
Смотреть пакеты
