Процесс работы
Проектирование
Основываясь на данных из предоставленного брифа и конкурентном анализе, созданы mind map и user flow для сценариев взаимодействия, отрисованы lo-fi прототипы, созданы взаимосвязи между страницами.
Вайрфреймы
Разработка вайрфреймов с различными вариантами расположения элементов интерфейса и структуры страниц, установка между ними взаимосвязей.
Дискавери и ресерч по задаче
— Дискавери и ресерч по задаче.
— Проектирование прототипов совместно с разработчиками.
— Создание дизайн-концепции и отрисовка всех экранов приложения.
— UI kit, передача макетов в разработку.
— Настройка интерактивного прототипа.
— Smart Animate.
— Проектирование прототипов совместно с разработчиками.
— Создание дизайн-концепции и отрисовка всех экранов приложения.
— UI kit, передача макетов в разработку.
— Настройка интерактивного прототипа.
— Smart Animate.
Этапы работы
После изучения целей проекта и анализа рынка была собрана и систематизирована ключевая информация:
Определение целей создания приложения и задач.
— Анализ целевой аудитории и определение ролей: юридическое лицо и пользователь.
— Описание функциональности для каждой роли.
— Анализ прямых и косвенных конкурентов, собранный и структурированный в таблице.
Определение целей создания приложения и задач.
— Анализ целевой аудитории и определение ролей: юридическое лицо и пользователь.
— Описание функциональности для каждой роли.
— Анализ прямых и косвенных конкурентов, собранный и структурированный в таблице.
Дизайн
После формирования направления визуального стиля был подготовлен дизайн-фундамент проекта:
— Собраны референсы и сформирован мудборд для будущего визуала.
— На основе брендбука разработана и согласована концепция главного экрана.
— По утвержденной концепции созданы все экраны мобильного приложения.
— Собраны референсы и сформирован мудборд для будущего визуала.
— На основе брендбука разработана и согласована концепция главного экрана.
— По утвержденной концепции созданы все экраны мобильного приложения.
Передача макетов в разработку
— Все макеты подготовлены для передачи в разработку.
— Подготовлен интерактивный прототип с микроанимации Smart Animate для улучшения понимания логики интерфейсов разработчиками.
— Подготовлен интерактивный прототип с микроанимации Smart Animate для улучшения понимания логики интерфейсов разработчиками.
UI kit
Собран UI kit после сдачи дизайн-концепции для передачи в разработку.
Дизайн-концепция
Результаты и метрики
— Интерфейс стал более интуитивным за счет интерактивных элементов и понятных сценариев.
— На внутреннем тестировании пользователи быстрее ориентировались, задачи выполняются на 40% быстрее.
— Повысилась вовлеченность: пользователи охотнее возвращаются к челленджам и взаимодействуют с контентом.
— Рекламные блоки получили больше внимания благодаря более грамотному размещению и визуальным акцентам.
— UI Kit и финальные макеты полностью подготовлены для передачи в разработку.
— На внутреннем тестировании пользователи быстрее ориентировались, задачи выполняются на 40% быстрее.
— Повысилась вовлеченность: пользователи охотнее возвращаются к челленджам и взаимодействуют с контентом.
— Рекламные блоки получили больше внимания благодаря более грамотному размещению и визуальным акцентам.
— UI Kit и финальные макеты полностью подготовлены для передачи в разработку.
