«Биолабмикс»: интернет-магазин для биотехнологической компании

Ситуация

В 2022 году с российского рынка биотехнологий ушли представители западных компаний. Перед «Биолабмикс» встала задача закрепиться в освободившейся нише и повысить узнаваемость бренда. Компании нужно было в кратчайшие сроки пересмотреть маркетинговую и товарную политику, а также перезапустить интернет-магазин с новой командой разработчиков. Действующий на тот момент сайт не давал желаемого потока конверсий. Тесты показывали, что пользователям сложно находить нужные товары и оформлять заявки.

Цели проекта

Обновить дизайн сайта, улучшить UI для увеличения конверсий

Переработать структуру каталога для более удобного выбора товаров

Выделить комплексные решения для лабораторных исследований

Представить качественную адаптивную версию с точки зрения юзабилити

Решение

В работе над каждым продуктом мы привыкли смотреть глубже — не ограничивать себя и клиента вопросами технической разработки. Так случилось и с сайтом «Биолабмикс». Мы начали с изучения каталога продукции и предложений по его оптимизации. Решения, принятые совместно с командой маркетинга «Биолабмикс», не только позволили упорядочить номенклатуру, но и послужили уверенным стартом для всего проекта. Путь от разработки визуальной концепции до релиза занял всего 3,5 месяц. Это рекорд!

Дизайн

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

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

Каталог

У «Биолабмикс» емкий каталог на 200 позиций. Случайному пользователю они могут показаться сложными и обезличенными, но для ученых и лаборантов они стандартизированы и понятны. Вместе с командой заказчика мы разделили все товары на 13 основных категорий. Категории представили удобными карточками на главной странице.

У отдельных товаров в каталоге нет карточек — они представлены удобным списком с указанием главных характеристик и цены. При наведении мыши на название появляется модальное окно с кратким описанием. Под названием есть кнопка для скачивания PDF-документа с подробной информацией о продукте. В отдельных подкатегориях приведены сравнительные таблицы товаров.

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

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

Корзина

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

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

Личный кабинет

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

Другие разделы

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

Мобильный интерфейс

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

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

Результаты

Благодаря вовлеченности и оперативной обратной связи от клиента на всех этапах проекта нам удалось выйти на релиз в короткий срок, а также сохранить тренд на рост трафика и конверсий. По итогам 2022 года количество онлайн-заказов выросло на 30 % относительно предыдущего года. Во многом рост обусловлен конъюнктурными изменениями на рынке, но в значительной степени и маркетинговыми усилиями, в том числе редизайном сайта. Чтобы не быть голословными, мы попросили клиента дать комментарий, и вот что он отметил:

«Machineheads сделали качественный апдейт. Наши первоначальные представления об архитектуре сайта и структуре контента изменились в процессе работы. Команда разработчиков предложила ряд решений, благодаря которым сайт стал более конкурентным с точки зрения юзабилити. На данный момент мы видим, что большая часть нашей целевой аудитории еще дозревает до онлайн-заказов. Можно сказать, что сайт опережает время и задает тренд на изменения в отрасли. Уже сегодня заметен интерес к страницам комплексных решений и рост количества мобильных пользователей. Благодаря хорошо продуманной адаптации интерфейса мы готовы к увеличению процента заказов в онлайне».

Мы продолжаем работу с «Биолабмикс». Компания планирует увеличить объем поставок на зарубежные рынки и улучшить бизнес-процессы за счет цифровых систем управления. В совместных планах: редизайн англоязычной версии сайта, интеграции и дальнейшие доработки функционала.

от 2 000 000 руб.

бюджет подобного проекта

от 5 месяцев

срок разработки

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

Язык, фреймворк

PHP 7.4

Bitrix

СУБД

MySQL

Frontend

HTML5

CSS3

JavaScript