Разработка корпоративного портала для оптового поставщика ветеринарных препаратов Провет

О клиенте

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

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

Задача

Задачи и цели проекта

Наш клиент начал работу на рынке еще в 90-х. За это время его сайт многократно менялся и со временем технологически устарел. Он перестал справляться с ролью имиджевой страницы и начал даже отталкивать потенциальных клиентов и сотрудников.

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

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

Новый сайт предназначен для обширной аудитории:

• ветеринарные врачи на производстве,
• зооинженеры,
• генеральные директора и руководители компаний-партнеров,
• потенциальные сотрудники Провет.

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

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

Сайт должен иметь многоуровневый каталог с удобной структурой, быть оптимизирован по SEO и интегрирован с маркетинговыми инструментами.

Решение

Спроектировали современный минималистичный сайт

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

Со слов команды клиента, это типичная проблема для сайтов в ветеринарной отрасли. Легко перегрузить сайт деталями о препаратах (а в конкретном случае их очень много) и научных исследованиях. Есть риск пойти в обратную сторону и потерять экспертный статус после излишнего упрощения.

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

Обновили интерфейс с учетом нового брендбука

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

Сайт получил яркий дизайн, но при этом строгую прозрачную структуру и логичное меню.

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

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

 Радует, что теперь продукция на сайте представлена по единому плану и структуре. Ранее у каталога и карточек не хватало однородной структуры. В одной карточке мог идти сплошной текст в одном стиле, в другой - информация подавалась иначе. Мы уделили внимание этому с командой WeJET, и теперь все продукты описаны в рамках общей структуры. Так логичнее и информативнее.

Удалось гораздо глубже показать деятельность Провет: что мы ездим за рубеж, посещаем выставки, проводим отраслевые исследования, у нас есть линейка аудитов и эксклюзивные контракты. Мы показали себя шире и не только, как поставщики 
— Валерия Банькова, компания Провет

Упростили и сделали понятнее каталог

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

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

Переработали вид и наполнение товарных карточек

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

Часто пользователям сайта нужно заказать продукцию в большом объеме. С этим учетом мы позаботились о том, чтобы карточка позволяла внести конкретный товар в общий список. Пользователь может разом запросить цены по всему списку для экономии времени.

Если понадобится скачать информацию по средству, пользователь может быстро скачать с сайта инструкцию в форме pdf. В файл загрузятся самые актуальные данные по препарату. Эту возможность мы реализовали, использовав для вывода PDF библиотеку nPDF.

Повысили быстродействие и функциональность сайта

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

Мы обеспечили интеграцию нового сайта с CRM Bitrix24. Теперь все клиентские заявки поступают в CRM.

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

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

Стек технологий:

Bitrix24, Webpack, Gulp, Scss, Ts, HTML5; библиотеки GSAP, Floating UI и Swiper.

Результат работы

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

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

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

Планы по развитию проекта

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

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

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

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

Отзыв клиента

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

Изначально на переговорах у нас вызвал доверие уровень честности и открытости, с которым общается команда. Понравилось, как составлено коммерческое предложение. Было видно, что есть желание работать с нами. Не пожалели, что выбрали этого подрядчика.

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

И, конечно, это был взаимный обмен опытом. Наша команда делилась пониманием ветеринарной отрасли, ее спецификой. Команда WeJET давала советы по структуре сайта, выбору стека, рекомендовала, как организовать фильтры». 
— Валерия Банькова, компания Провет