Разработка нового сайта для компании Медтест

Главное о кейсе

Медтест — производитель упаковок для пищевой, медицинской и химической промышленности, а также beauty-индустрии. Компания выпускает более 30 миллионов упаковок ежемесячно, делает собственные инновации и разработки.

Мы разработали для заказчика новый сайт с каталогом и личным кабинетом, фирменный стиль и дизайн продукции. Помогли пользователям выбрать товары бренда, оформить заказ на сайте, получить его — и не запутаться по дороге.

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

Как проект изменил жизнь пользователей

На старом сайте каталог был представлен только в виде PDF-прайса. Мы разработали удобный каталог, где система фильтров помогает пользователю — и никогда не мешает ему.

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

Бизнес-задача и ее решение

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

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

Провели редизайн самой продукции. Чтобы отстроиться от конкурентов, использовали фиолетовые тона, нестандартные формы и градиенты.

Крафт (мастерство), реализация, технические детали

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

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

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

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

Отдельный запрос от заказчика — однозначно и явно показать на сайте, что Медтест — это собственное производство. В качестве решения мы использовали видео: на сайте их можно встретить везде, начиная с первого экрана главной страницы. Именно этот формат контента лучше всего отображает наличие собственного производства. Пользователь сразу видит, что компания создает продукты, а не просто продает их.

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

Видео