Разработка платформы
для создания онлайн-квизов

О проекте

Corgish — платформа для тестов в игровом формате в реальном времени. Для участия не нужны регистрация или установка приложения. Аудитория — учителя, онлайн-школы, репетиторы и студенты.

Моя роль: младший дизайнер. Создавала компоненты, адаптировала макеты под разные устройства, проводила UX-аудит и конкурентный анализ, участвовала в тестировании.

Что нужно было исправить

• Несогласованный UI и отсутствие адаптивности.
• Различия в навигации и кнопках на разных экранах.
• Неочевидные функции и сложный поиск инструментов.

Собрала UI-kit, переработала сценарии редактора, прохождения квизов и личного кабинета. Добавила ответы с картинками и разные типы вопросов.

Пользовательское тестирование

Проверяли прототип в Figma и проводили интервью пользователей. Результаты помогли уточнить ключевые сценарии.

Редактор квиза

До

Нет возможности добавить картинку. Кнопку «Добавить вопрос» тяжело найти, иконка предпросмотра непонятна пользователю. Нет чёткого разделения экрана.

После

Добавлен переключатель «Ответы с картинками». Кнопка «Добавить вопрос» легко находится, иконка предпросмотра интуитивно понятна. Настройки теста и карточки визуально разделены.

Компоненты и UI-kit

До

Большая часть компонентов отсутствует. У кнопок нелогичные состояния, некоторые компоненты повторяются и путаются между собой. Макеты не готовы к передаче в разработку.

После

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

Личный кабинет

До

Нет возможности разложить тесты по папкам. Отсутствуют некоторые категории: черновики, публичные и приватные тесты.

После

Удобное разделение на папки. Интуитивно понятные фильтры встроены в строку ниже поиска. Уточнено разграничение областей интерфейса.

Результаты

• Сократила время на создание экранов.
• Привела интерфейсы к единому визуальному стилю.
• Улучшила навигацию и ключевые сценарии.
• Адаптировала дизайн для мобильных устройств, планшетов и десктопов.

Инструменты и материалы

Atomic Design, Figma, FigJam, Яндекс Мост, Google Meet, Yougile, Notion.