DIMORDAI

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

Категория
Образование
Год
2026
DIMORDAI

Описание

EdTech-платформа, которую нужно было спроектировать с нуля

DIMORDAI — образовательная платформа для старшеклассников и их родителей, которую делает стартап из Армении. Курсы, живые уроки, домашние задания, тесты, AI-помощник, рефералки и оплата — в одном продукте

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

Задача

Старый дизайн был слишком простым, чтобы отдавать в разработку. Шесть разработчиков ждали макеты, а дизайн-системы не было — каждый экран приходилось додумывать

Команде нужен был полный редизайн. Не красивые экраны — **система**, из которой разработчики могли собирать без вопросов по каждому компоненту

Как спроектировать 50+ экранов, не тормозя 6 разработчиков?

Подход

Сначала система, потом экраны

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

Результатыконец

От старого дизайна до продукта для инвесторов за 8 месяцев

За 8 месяцев я спроектировал 50+ секций: дашборд с целями и курсами, хаб курсов с живыми уроками и ДЗ в 5 состояниях, AI-ассистент с предметным тьюторингом, авторизацию с раздельными флоу для учеников и родителей, рефералку, статистику, оплаты, банк вопросов и лендинг

Дизайн передан фронтенд-команде. Стартап попал в **акселератор Яндекса** и питчил инвесторам. Запуск продаж — с подключённым эквайрингом. Дизайн-система стала фундаментом, из которого собирала вся команда

Хотите такой сайт с AI-ассистентом?

Смотреть пакеты

Есть проект на примете?

Обсудить проект