Экраны

О проекте

“Клевер” - ветеринарная клиника из Москвы

Необходимо разработать интернет-аптеку ветеринарных препаратов и оборудования для животных.

Главная страница

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

Анализ рынка и конкурентов

• Изучила сайты крупнейших игроков (онлайн-аптек и специализированных ветаптек: ВетАптека1 , Мокрый нос, Еатека, Аптека Столички).
• Обратила внимание на навигацию, фильтры, карточки товаров, подачу информации о препаратах.
• Для изучения ux решений были созданы личные кабинеты и сделаны заказы у ключевых участников рынка для понимания ключевых процессов;
• Зафиксировала сильные стороны (удобный поиск по препаратам у Ветаптеки1, удобный ЛК у аптеки Мокрый Нос) и слабые стороны (перегруженные каталоги, недостаточно информации о дозировках).

Целевая аудитория

• Основные пользователи: владельцы домашних животных (кошек, собак, реже — мелких питомцев).
• Вторичные пользователи: фермеры и заводчики.
• Потребности:
• быстро найти нужный препарат (по симптомам, по назначению, по производителю);
• быть уверенными в безопасности и актуальности товара;
• получить консультацию или совет по выбору.

Интервью и опросы

• Провела мини-опрос среди владельцев животных (5 респондентов).
• Ключевые инсайты:

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

Проблемы пользователей

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

UX-выводы

• Для сохранения привычных паттернов поведения важно придерживаться использования типичной для аналогичных сайтов структурой хедера и навигационного меню, переняв лучшие решения;
• Важно предусмотреть удобные фильтры: по виду животного, симптомам, брендам, цене.
• Карточка товара должна содержать: название, фото упаковки, краткое описание, инструкцию по применению (PDF или текст), отзывы.
• Упростить поиск: предусмотреть быстрый поиск с подсказками по названию и действующему веществу.

В проекте я выступала единственным UX/UI-дизайнером и взяла на себя все этапы, связанные с дизайном:

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

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

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

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

Подготовка для разработки
Передала проект в Figma с комментариями, в сопровождении разработки не участвовала.

Создать современный, удобный сайт для ветаптеки, который: