Опыт разработки англоязычного сайта для компании «ХЕМА»

Компания «ХЕМА» занимается разработкой, производством и продажей тестов для клинической и ветеринарной диагностики, контроля качества пищи, криминалистических целей.

Руководитель «ХЕМА» обратился к нам с запросом на разработку сайта для работы с зарубежными клиентами по всему миру. В планах компании — серьёзное расширение географии поставок, её продукцию планируют поставлять в Евросоюз, Юго-Восточную Азию, Латинскую Америку, Африку. Запуск сайта нужно было приурочить к крупной международной выставке MEDICA 2023, в которой компания принимала участие.

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

Ядро целевой аудитории составляют люди старше 45 лет: медики/фармацевты, предпочитающие классические каналы продаж — личные и телефонные переговоры, официальную переписку.

Продукция компании узкоспецифична и, конечно, не продаётся ни через соцсети, ни через площадки-агрегаторы. Сайт — это единственная «онлайн-витрина» для продукции компании, поэтому к его качеству и удобству работы с ним предъявлялись повышенные требования. Он должен отражать серьёзность, надёжность и масштаб компании.

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

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

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

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

По результатам этого анализа было решено:

В ходе работы выяснилось, что сайты конкурентов посещают в основном люди среднего возраста. В связи с особенностями их восприятия мы решили сделать сайт спокойным и лаконичным, с чёткой структурой и интуитивно понятной навигацией. Ещё мы увидели, что более 71% посещений приходится на мобильные устройства, а значит, адаптивной версии сайта стоит уделить особое внимание.

Далее вместе с заказчиком мы определились со структурой сайта и составили moodboard.

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

Например, так выглядели варианты цветовой палитры, предложенные нами:

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

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

Закономерным итогом этой части работы стало написание подробного ТЗ и составление сметы проекта.

На этой ступени мы создали дизайн-макеты 21 страницы десктопной и адаптивной версии сайта — от главной до страницы 404.

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

1. Разработали поиск по соответствиям.

Исторически так сложилось, что для обозначения одного и того же препарата/продукта могут использоваться разные термины: например продукт EIA, он же Enzyme Immuno Assay, он же ELISA и он же Enzyme-Linked Immuno-Sorbent Assay. Эти термины равнозначны и употребляются примерно с равной частотой. Потенциальный клиент может искать препарат ELISA, который в «ХЕМА» называют, допустим, EIA. Чтобы исключить такие ситуации, был продуман механизм соответствий — в результате нужный продукт попадает в поисковую выдачу вне зависимости от того, какой термин был использован для поиска.

2. Упростили загрузку объёмных каталогов товаров с помощью файлов Microsoft.

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

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

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

4. Более того, мы сделали два каталога двух разных типов продукции для разных сегментов целевой аудитории. Для каждого из них создана своя «корзина». Заказы с сайта для дальнейшей обработки будут направляться в разные подразделения «ХЕМА».

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

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

5. Предусмотрели возможность задать вопрос по конкретному продукту при оформлении заказа.

Работа была выполнена в срок и в чётком соответствии с ТЗ. Готовый сайт при умелом наполнении и продвижении имеет все шансы стать отличным бизнес-инструментом для увеличения продаж по всему миру. На сайте соблюдены все принципы usability, он удобен для людей. Поисковые роботы тоже относятся к нему благосклонно — по прямому запросу «XEMA Group» сайт находится выше существовавшего ранее иностранного ресурса. Предусмотрены блоки для SEO-текстов, есть места под баннеры, есть посадочные новостные страницы для продвижения, есть не только понятный и привычный каталог, но и возможность заказать конкретные продукты. У сайта действительно удобная «админка» — пользователь может самостоятельно размещать и удалять любой контент, без помощи наших специалистов.