Дизайн ветеринарной интернет-аптеки “Клевер”
Проект в figma
2025
Анализ конкурентов
  • Исследование конкурентов, подбор удачных решений, отрисовка экранов, адаптивов и передача проекта на верстку.
User Flow
Инсайты по результатам анализа:
Моя роль
Создать современный, удобный сайт для ветаптеки, который:
  • укрепит имидж бренда «Клевер» в онлайне;
  • сделает покупку ветеринарных товаров быстрой и комфортной;
  • поможет увеличить продажи и узнаваемость;
  • просто в реализации для экономии бюджета;
Цель
Задачи
  • Повысить лояльность постоянных клиентов и покупателей, привлечь новых;
  • Создать удобный интерфейс сайта с возможностью быстрой покупки;
  • Добиться увеличения конверсии пользователей в покупателей;
  • Для анализа были взяты главные конкуренты, а так же популярные вет-аптеки которые выделил клиент
  • Так же использованы аптеки с медицинскими препаратами для изучения ux решений выбора и заказа препаратов;
  • Для сохранения привычных паттернов поведения решила придерживаться использования типичной для аналогичных сайтов структурой хедера и навигационного меню, переняв лучшие решения;
  • Сделать визуально легкий и светлый сайт, как с визуальной, так и с функциональной точки зрения;
  • Добавить социализации в виде таких элементов как комментарии, отзывы, репосты в соц. сети;
  • Разработать ЛК с отслеживанием заказов, истории заказов;
  • Возможность быстрого просмотра корзины без покидания страницы каталога;
  • Для изучения ux решений были созданы личные кабинеты и сделаны заказы у ключевых участников рынка для понимания ключевых процессов, выявление лучших и неудачных решений;
Главная страница
  • Разработанный интерфейс в соответствии с современными тенденциями и привычным опытом пользователя.
  • Отказались от каких-либо ярких акцентов на сайте чтобы сосредоточить внимание пользователя на товарах.
  • Добавили промотирующие блоки, подборки и популярные товары. Создали легкое общее восприятие и невысокую когнитивную нагрузку.
  • Добавили рекламные блоки для партнеров.
  • В мобильной версии создали два меню, верхнее и нижнее, для лучшей мобильности и удобства пользования.
Экраны
Выделено место под рекламу для партнеров
Добавлено несколько категория товаров для вывода в галерею на главную
  • Чистая и эргономичная карточка товара включает в себя все необходимое: изображения, информация о доставке, характеристики.
  • Наличие cross-sale предложений.
  • Несмотря на сложность и загруженность, листинг хорошо считывается и не теряет в функциональности.
  • Подробная система фильтров помогает сделать окончательный выбор.
Листинг
Карточка товара
  • Возможность отслеживать заказы и просматривать историю заказов
  • Добавлена возможность повторить старый заказ и добавить все товары в корзину
  • Внесение дополнительных адресов доставок для быстрого заказа
Личный кабинет
Добавлена возможность просмотра списка товаров и повторного заказа
Добавлена возможность просмотра списка товаров и повторного заказа
  • Добавлен виджет мобильного окна корзины для быстрого просмотра
Корзина
Оформление заказа
Итог
  • В ходе работы было проведено много исследований совместно с заказчиком, чтобы понять требования и пожелания клиентов.
  • Удалось создать легкость и не перегруженный интернет-магазин.
  • Наличие cross-sale предложений.
  • Разработан стандартный модуль оформления заказа, аналогичный решениям, применяемым в ведущих ветеринарных аптеках. Пользователь может просмотреть корзину, выбрать способ доставки и оплаты, а также подтвердить заказ в несколько кликов.
Оформление заказа
  • Добавлен виджет мобильного окна корзины для быстрого просмотра
Корзина
Итог
  • В ходе работы были изучены конкуренты и смежные области, чтобы понять требования и пожелания клиентов.
  • Удалось создать легкость и не перегруженный интернет-магазин простой в реализации
  • Наличие cross-sale предложений
Made on
Tilda