Адаптивный сайт для научно-исследовательского проекта — инновационного приложения, позволяющего управлять компьютером с помощью жестов. Продукт не имеет аналогов на российском рынке и уже удостоен гранта на его реализацию.
Computer Controller
Процесс работы
Проектирование
Исходя на данных брифа, конкурентного анализа, составленного портрета персоны, был проработан mind map, отрисованы вайрфреймы.
Дискавери и ресерч по задаче
— Брифинг клиента и дальнейшая коммуникация.
— Дискавери и ресерч по задаче.
— Проектирование прототипов.
— Проработка дизайн-концепции и отрисовка всех экранов проекта.
— Сборка UI kit и передача макетов в разработку.
Этапы работы
После проведенного брифинга с клиентом, был собрана и систематизирована информация по сайту:
— Анализ конкурентов.
— Анализ целевой аудитории
— Портрет персоны.
— Структура сайта.
Дизайн
Подбор референсов, создание мудборда, разработка дизайна главной страницы и утверждение визуальной концепции.
Передача макетов в разработку
Макеты подготовлены для передачи в разработку. Ниже показан пример макетов для главной страницы.
UI kit
Собран UI kit после сдачи дизайн-концепции для передачи в разработку.
Дизайн-концепция
Результаты и метрики
— Разработан современный адаптивный сайт с понятной структурой и флоу, что позволяет пользователям быстро находить информацию о приложении.
— Создан UI kit для быстрой передачи в разработку и масштабируемости дизайна.
— По предварительным тестам с прототипом: время нахождения ключевой информации сократилось на 40%, а процент пользователей, доходящих до CTA «Скачать приложение» — увеличился на 30%.
в продукт с первого взгляда
лишнее, усиливает главное и влюбляет
Сильный дизайн устраняет
Сильный дизайн устраняет лишнее, усиливает главное и влюбляет в продукт с первого взгляда