ZerdeliApp
EdTech-платформа: модуль покупки и прохождения пробных тестов для учеников
Спроектировал интерфейс
Мой вклад — дизайн представленных экранов и сценариев.
Задача
ZerdeliApp — большая образовательная платформа. Моя задача — спроектировать один конкретный модуль: раздел для учеников, где они могут купить пробные тесты и пройти их.
Модуль должен был органично вписаться в общую платформу, учесть все требования клиента и быть максимально простым и понятным для школьников.
Экраны отражают мой вклад в проект. Другие части действующего продукта могли быть созданы командой.
Один модуль внутри большой платформы
Моя задача — модуль покупки и прохождения пробных тестов для учеников. Поэтому кейс показывает именно этот путь, а не приписывает мне всю образовательную платформу. Каталог разделяет уже доступные тесты, новые предложения и типы экзаменов.
Выбрать подходящий тест и понять покупку
На мобильном поиске предметы работают как быстрые фильтры. Карточка теста показывает состав, длительность и цену. Экран покупки раскрывает предметы пакета, промокод и итоговую сумму до действия «Купить».
Прогресс должен быть виден во время теста
Таймер вынесен в верхнюю часть. Предметы представлены списком с разными состояниями: завершённые отмечены зелёным, остальные различаются маркерами. Завершение теста — отдельное красное действие. На экране вопроса основная площадь отдана заданию и вариантам ответа.
Состояния — часть интерфейса
В исходном UI kit предусмотрены размеры и варианты кнопок, состояния наведения, нажатия и недоступности, переключатели и выбор ответа. Это показывает работу не только с финальным экраном, но и с повторяемыми элементами модуля.
Другие экраны проекта8 ↗
Характер проекта
Что получилось
Модуль тестирования органично вписан в общую архитектуру платформы.
Чистый дизайн без лишних элементов снижает когнитивную нагрузку во время теста — ученик сосредоточен на задании, а не на интерфейсе.
Полная мобильная адаптация открывает доступ к тестам в любом месте и с любого устройства.