Создаем лицо вашего бизнеса: новый современный портал для ГК «Провет»

1. Вводная задача от заказчика, проблематика, цели

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

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

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

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

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

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

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

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

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

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

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

2. Описание реализации кейса и творческого пути по поиску оптимального решения

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Валерия Банькова

Руководитель проекта, компания Провет

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

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

3. Результаты сотрудничества

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

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

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

Валерия Банькова

Руководитель проекта, компания Провет

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

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

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

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