Внедрили функциональные улучшения, такие как фильтры и пипетка, что значительно улучшает пользовательский опыт
UX/UI
Апрель 2024 — Июнь 2024
Создание приложения для систематизации маркеров, которое позволяет пользователям просматривать, фильтровать маркеры, добавлять их в избранное и использовать дополнительные функции, такие как пипетка для выбора цвета и сортировка маркеров.
Проект был реализован в рамках производственной практики. Я занималась полным визуальным оформлением, включая UI/UX дизайн, создание UI Kit и разработку фирменного стиля с маскотами.
Процесс был организован в несколько этапов:
Определение задачи: Создание приложения для поиска, фильтрации и систематизации маркеров с возможностью добавления в избранное и использования дополнительных функций, таких как пипетка для выбора цвета.
Анализ целевой аудитории (ЦА):
Типы пользователей: Художники, иллюстраторы, дизайнеры и другие творческие люди, активно использующие маркеры в своей работе.
Проблемы ЦА: Нуждаются в удобной системе для организации маркеров, фильтрации по цветам и быстрому поиску нужных оттенков.
Методы исследования: Опросы и персонализация через создание пользовательских персон (персонажей), составление CJM и user flow для оптимизации пути пользователей в приложении.
Анализ конкурентов: Исследовали существующие приложения для маркеров, выявив их сильные и слабые стороны.
Формулировка функционала: Разработали ключевые функции приложения: поиск маркеров по названию и цвету, фильтрация, добавление в избранное, пипетка для выбора цвета и возможность пометить маркеры как «непишущие».
Дизайн и UI кит: Создан интуитивно понятный интерфейс с использованием UI кита и фирменного стиля, включая маскотов для брендинга и небольшую анимацию.
Предыстория проекта.
Идея проекта родилась из потребности художников, дизайнеров и других пользователей, активно работающих с маркерами, в удобном инструменте для систематизации маркеров, поиска нужных оттенков и управления собственными коллекциями маркеров.
Критерии Успеха.
Удобство: Интуитивно понятная система поиска и фильтрации маркеров.
Функциональность: Возможность добавления маркеров в избранное, использование фильтров и уникальной функции пипетки.
Уникальность: Привлекательный дизайн, поддержанный продуманным брендингом, выделяющими приложение среди конкурентов.
Исследования
Проведен глубокий анализ решений, таких как AedagaColor, MarkerMatch, Magic Color и Copic Collection. Основное внимание уделялось недостаткам текущих решений: отсутствие продуманного поиска, неудобный интерфейс и ограниченные фильтры.
Целевая аудитория дала четкий сигнал о необходимости расширенной фильтрации по типам маркеров и возможности быстрого сохранения избранного.
Разработаны персона и карты пути пользователя, что помогло максимально оптимизировать процесс взаимодействия с приложением.
Основной инсайт: пользователи хотят не просто каталог маркеров, а инструмент, который поможет им легко найти нужный цвет и организовать свою коллекцию.
Важной частью концепции стало добавление функции пипетки для выбора цвета с фотографий, а также возможность пометить маркер как «непишущий».
Разработка системы фильтров по линейке, типу маркеров и количеству цветов в наборе, а также добавление функционала палитр своих маркеров.
Проектирование
На этом этапе были созданы wireframe-макеты и интерактивные прототипы, демонстрирующие ключевые пользовательские сценарии
Дизайн интерфейса
В процессе разработки визуальной концепции я уделяла особое внимание созданию чистого и современного интерфейса, который обеспечивает максимальную простоту и удобство взаимодействия. Я стремилась создать продукт, в котором каждый элемент интуитивно понятен, а навигация не вызывает затруднений у пользователя.
Внесла идею внедрения маскотов в фирменный стиль, что помогло приложению выделиться и сделать интерфейс более дружелюбным.
Фирменный стиль и анимация
Для придания приложению индивидуальности и запоминаемости я разработала уникальный фирменный стиль. В рамках этого этапа я создала логотип, оригинальные маскоты и сопутствующую графику, которые делают бренд ярким и узнаваемым.
Выводы
Проект подтвердил: дизайн для творческой аудитории работает только тогда, когда сам является творческим актом. Исследование показало, что пользователи ищут не просто каталог — им нужен инструмент, который думает вместе с ними. Внедрение функции пипетки, системы палитр и статуса «непишущий» решило реальные боли, которые конкуренты игнорировали. Маскоты и фирменный стиль оказались не украшением, а функциональным решением