Задачи и цели проекта
Моя роль и зона ответственности
На проекте я выступала в роли лид-дизайнера. Отвечала за продуктовую логику и пользовательский опыт: проектировала ключевые сценарии, разрабатывала дизайн-концепцию, прорабатывала сложные механики, защищала решения перед командой и стекхолдерами, сопровождала реализацию.
Как мы подходили к задаче
Из-за сроков мы не делали отдельный ресёрч, но плотно работали со стейкхолдерами — команда клиента хорошо понимала рынок и поведение косметологов. Работали короткими итерациями: собирали прототипы, обсуждали их с клиентом, быстро вносили правки.
Со своей стороны дополнительно прогоняли решения через коридорные тесты, чтобы проверить базовую понятность сценариев.
На старте стало понятно, что у приложения будет два типа пользователей:
Визуальная концепция
Сначала мы пошли в сторону более креативных решений, но быстро поняли, что это не то, что нужно клиенту. Им был важен строгий, почти «научный» стиль — без лишнего визуального шума, с акцентом на информации.
В итоге мы пришли к минималистичному интерфейсу, который не отвлекает, а поддерживает работу специалиста. Сделали 3 дизайн-концепции на выбор
Основные решения и дизайн
Ограничения и вызовы
Мы проектировали MVP без бэкенда — вся логика приложения строилась на данных из Excel-таблицы. При этом исходные данные были неструктурированы: с разными формулировками, опечатками и несостыковками. Чтобы система работала корректно, я вручную привела таблицу к единому виду и унифицировала все параметры.
Отдельно стояла задача корректно отобразить анатомические зоны. Клиент дал их в виде приблизительных набросков, поэтому я дополнительно опиралась на медицинские источники и сама отрисовала точные области.
Параллельно менялись требования: добавлялись новые зоны, параметры, уточнялись данные по препаратам. Часть решений мы встраивали сразу, другую часть откладывали в бэклог, а какие-то сценарии пересобирали, чтобы сохранить целостность продукта и уложиться в сроки.
Визуализация зон
Два пользовательских сценария
В процессе работы стало понятно, что у приложения есть два ключевых сценария:
Динамическая карточка препарата
Один и тот же препарат может использоваться для разных зон, поэтому важно было не просто показать информацию, а сделать её контекстной.
Карточка адаптируется в зависимости от сценария:
Результаты