Имиджевый сайт-каталог Евровет: на стыке медицины, искусства и технологий

Клиент

Группа компаний «Евровет» — дистрибьютор и производитель ветеринарных препаратов. Компания находится в десятке крупнейших поставщиков ветеринарных препаратов в России. Она работает с ведущими агрохолдингами России, имеет собственный научно-технический отдел, международную аттестацию и полный цикл поддержки.

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

Задача

Digital-агентству Red Collar предстояло создать имиджевый сайт, лицо современной передовой компании, надежного партнера. Важно было подчеркнуть, что деятельность «Евровет» — это не фермерская тема, а лабораторно-медицинская. Требовалась впечатляющая и футуристическая концепция. При этом должны сохраняться рамки разумного, формируя образ стабильной и серьезной компании.

Реализация

Аналитика

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

Имидж в деталях

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

Дизайн. Основной акцент поставлен на медицинскую направленность. В дизайне использовали один основной цвет — зеленый, выбрали минимализм, много воздуха, строгие классические формы: круги и прямоугольники. Анимация связана с цифровой тематикой и технологиями, с легким оттенком футуристичности.

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

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

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

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

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

Платформа и технологии

«Для воплощения проекта мы выбрали платформу, которая годами подтверждает свою надежность. Она позволяет создавать мультиязычные сайты со сложной архитектурой и несколькими языковыми версиями, имеет ряд удобных модулей для разных типов проектов и широкие возможности для развития проекта», — отмечает команда агентства Red Collar.

В обширный каталог продукции встроены фильтры и подфильтры, а в будущем планируется добавить и «умные фильтры» на основе стандартного функционала UMI.CMS “getSmartFilters”.

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

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

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

Преимущества в динамичном блоке

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

Каждые несколько секунд слайды автоматически переключаются, чем привлекают внимание посетителя. Для каждого тезиса нарисована своя иконка, понятно и лаконично иллюстрирующая сильную сторону компании.

Наполнение сайта. Контент

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

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

Каталог

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

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

Результаты