Теги и навыки Редизайн системы, UI/UX аудит, Компонентный подход, Сложные формы, Прототипирование

Длительность 4 месяца

VETIX — ЭТО МАСШТАБНОЕ ОБНОВЛЕНИЕ ПЛАТФОРМЫ ДЛЯ ВЕТЕРИНАРНЫХ КЛИНИК. МЫ ТРАНСФОРМИРОВАЛИ УСТАРЕВШИЙ ИНТЕРФЕЙС В СОВРЕМЕННУЮ ЭКОСИСТЕМУ, УПРОСТИВ ПУТЬ ВРАЧА ОТ ПОИСКА ТОВАРА ДО ОФОРМЛЕНИЯ СЛОЖНЫХ ЗАКАЗОВ ОБОРУДОВАНИЯ.

(01) Проблема Старый интерфейс платформы перестал отвечать запросам растущего бизнеса.

Устаревшая сетка и избыточность элементов создавали визуальный шум, который усложнял поиск оборудования и перегружал процесс оформления заказов, приводя к потере пользователей на этапе корзины.

(02) Задача Предстояло осовременить узнаваемый стиль компании, не разрушая его основу.

Основной вызов заключался в переосмыслении фирменных цветов и типографики для трансформации статичного печатного гайда в гибкую и эффективную цифровую систему.

(03) Решение Интерфейс превратился в чистую, «воздушную» среду, где контент (товары и их характеристики) выходит на первый план.

Адаптация фирменного стиля позволила заменить визуальный шум и сложные формы на логичную систему акцентов, помогающую врачам мгновенно находить оборудование и завершать покупку в пару кликов.

(04) Исследование и инсайты Базой для изменений послужил глубокий аудит текущей платформы и серия интервью с ключевой аудиторией — ветеринарами и менеджерами по закупкам. Такой подход помог выявить реальные барьеры в интерфейсе и сформировать список приоритетных улучшений.

Погружение в контекст Выяснилось, что сайт воспринимался не как помощник, а как сложный барьер: из-за обилия медицинских терминов и перегруженных таблиц процесс заказа превращался в стресс.

Главные боли

Страх ошибки

Сложные формы заказа без промежуточных итогов заставляли пользователей перепроверять данные по несколько раз, опасаясь заказать не ту комплектацию.

Трудозатратный поиск

Врачи часто ищут товары по конкретным брендам или действующим веществам, но старый поиск выдавал сотни нерелевантных позиций

Отсутствие наглядности

Специфическое оборудование (например, наркозные аппараты) требует изучения множества характеристик, которые в старом дизайне были «спрятаны» глубоко в тексте.

Ключевые инсайты Скорость важнее красоты

Главный запрос — возможность повторить заказ в один клик и быстро найти замену отсутствующему товару.

Сетчатое зрение

Профессиональные пользователи не читают карточку товара целиком, они сканируют её взглядом в поисках ключевых цифр (мощность, объем, цена).

(05) Информационная структура Логика каталога прошла полную перезагрузку: хаотичный перечень товаров сменился стройной иерархией. Путь от первого экрана до целевого оборудования сократился в два раза за счет оптимизации категорий и сокращения вложенности.

(06) User Flow Проектирование сценариев было сфокусировано на максимальном сокращении дистанции до покупки. Из процесса исчезли лишние подтверждения и «слепые зоны», что превратило сложный подбор оборудования в быструю и понятную последовательность действий.

(07) Дизайн-система и UI-kit Адаптировала принципы брендбука под задачи веб-интерфейса, выстроив строгую систему сеток и шрифтов для удобного чтения сложных медицинских спецификаций. Подготовила библиотеку атомарных компонентов, которая гарантирует визуальную целостность всех разделов и в разы ускоряет сборку новых страниц.

(08) Адаптивность интерфейса для смартфонов Интерфейс адаптирован под различные сценарии использования, обеспечивая стабильную работу со сложными данными как на десктопах, так и на планшетах врачей. Модульная сетка позволила сохранить доступность фильтров и читабельность таблиц на малых экранах, исключив потерю важных функций при переходе с устройства на устройство.

(09) Детальные макеты Мы спроектировали карточку как «единое окно» для администратора. Больше не нужно переключаться между вкладками: вся информация о бронировании, предпочтениях гостя и статусе оплаты собрана в компактном и логичном интерфейсе.