Кейс АВОСДЕНТ: нескучный b2b-сайт, разработка интернет-магазина для дистрибьютора стоматологических материалов

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

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

Динамичный сайт и позиционирование на рынке

Компания AVOSDENT — один из лидеров среди дистрибьюторов стоматологических материалов OsteoBiol®, S.I.N., Tekscan. Помимо продажи расходных материалов для лечения и протезирования, AVOSDENT проводит обучение и вебинары с участием экспертов из разных стран, организует конференции и т.д.

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

Когда клиент обратился к нам, интернет-магазин у него уже был, но имел ряд недостатков:

• Сайт разработан на Bitrix и неудобен для сотрудников компании.
• Сложная структура и навигация — от главной страницы до товарной карточки клиентов отделяли 4+ клика.
• Устаревший и невыразительный дизайн.
• Ограниченные возможности, которые не позволяли полностью отразить масштаб компании.

Интернет-магазин и дополнительные решения

Заказчик поставил задачу разработать такой сайт, который будет удобен как для клиентов, так и для управления им. Основные требования включали:

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

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

В отличие от многих других клиентов, представители AVOSDENT пришли не только с референсами, но и с наработками структуры сайта, отчасти готовым прототипом.

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

Нам требовалось развить ее и найти самые удачные технические решения.

Разработка сайта: от идеи до ее воплощения

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

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

Почему выбрали Canape CMS

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

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

Мы предложили нашу собственную разработку — Canape CMS, на которой за 16 лет запустили более 2 500 сайтов.

Преимущества Canape CMS:

1. Бессрочная лицензия.
2. Безопасность — админка официально зарегистрирована как российское программное обеспечение и редко становится целью хакеров.
3. Приемлемые требования к хостингу.
4. Функциональный SEO-модуль для раскрутки сайта в поисковых системах.

Концепция и дизайн

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

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

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

Одним из интересных вызовов стало соблюдение брендбука клиента, где основные цвета — темно-синий, серый и бежевый. Также требовалось интегрировать фирменный ромб и курсор в виде стрелки корпоративных цветов.

Главная страница AVOSDENT

Главная и страница «О компании» выполнены в слайдовой структуре. Каждый новый экран заменяет предыдущий, подобно презентации, привлекая внимание к ключевым моментам.

Медиа-центр AVOSDENT

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

Интернет-магазин AVOSDENT

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

Анимации

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

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

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

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

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

Почему? Потому что заинтересованные посетители, увидев цены, не оставляют контактных данных.

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

На новом сайте мы сделали личный кабинет с регистрацией по указанию электронки.

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

В личном кабинете пользователи видят историю своих заказов.

Представление товаров

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

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

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

Клиенты могут выбрать товары с отметками «Рекомендуем» или «Бестселлер», сортировать их по цене или наличию, а также менять вид отображения товаров.

Обновили и карточки товаров. Ранее на них были лишь характеристики и краткие клинические показания.

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

Полезные материалы

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

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

Календарь мероприятий

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

Итоги

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

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

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

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

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

Кроме того, он выбрал разработчика, который создает не просто красивые лендинги, а эффективные сайты для b2b-сегмента. Они работают на привлечение клиентов и заявки, а не просто служат красивой «визитной карточкой».