описание кейса
Продукт «Конверсус»
Онлайн конструктор квизов https://conversus.pro
Проект под NDA, показывать могу только скриншоты и дизайн оформленный в мокапах
Разверните телефон, иначе не удобно портфолио изучать ;)
Еще лучше откройте на ПК.
Еще лучше откройте на ПК.
Мои роли в проекте
- UX/UI designer
- Основатель продукта
- Руководитель проекта
- Системный аналитик
1. Аналитика
Первым этапом мы разработали UX-стратегию и описали персоны. Провели анализ рынка конкурентов и определили MVP. Расписали Job-stories и продумали user-flow.
2. UX-проектирование
На данном этапе было проектирование лендинга (посадочной страницы для получения регистраций), MVP личного кабинета с конструктором квиза и самого виджета квиза. Конструктор квиза решено было делать пошаговым и с автоматическим сохранением каждого изменения.
Параллельно писалось техническое задание для разработчиков.
Параллельно писалось техническое задание для разработчиков.
3. Дизайн лендинга
и конструктора квиза
и конструктора квиза
Разработал UI-kit и дизайн личного кабинета с конструктором квиза (для MVP).
Личный кабинет имеет разделы:
Также есть система уведомлений и e-mail рассылок, которая тоже проектировалась.
В дизайне придерживался принципа атомарности, создал компонентную базу из вариативных компонентов, отрисовал иконки, разработал микроанимации элементов интерфейса.
Личный кабинет имеет разделы:
- Мои проекты
- Виджеты проекта
- Конструктор виджета
- Конструктор состоит из 7-ми шагов создания квиза
- Биллинг
- Тарифы активных проектов
- История платежей
- Тарифная сетка
- Интеграции
- Профиль
Также есть система уведомлений и e-mail рассылок, которая тоже проектировалась.
В дизайне придерживался принципа атомарности, создал компонентную базу из вариативных компонентов, отрисовал иконки, разработал микроанимации элементов интерфейса.
4. Дизайн виджета
Виджет квиза размещается на сайта наших клиентов и должен хорошо отображаться на любом устройстве и в любом разрешении.
Каждый уникальный экран виджета был отрисован в десяти разрешениях (px):
1560, 1187, 1186, 987, 750, 749, 428, 414, 375, 320
Каждый уникальный экран виджета был отрисован в десяти разрешениях (px):
1560, 1187, 1186, 987, 750, 749, 428, 414, 375, 320
5. User-flow
Все обновления требовали разработки юзер-фло - дизайна каждого шага пользователя и текстового описания этих шагов. Таким образом разработчикам было проще понимать задачу и реализовывать её, а мне удобнее проектировать путь пользователя и систему уведомлений и статусов полей на каждом шаге конструктора.
