9 уроков от лучших фармацевтических веб-сайтов

Ежегодная премия WebAwards Ассоциации веб-маркетинга за 2020 год будет вручена в сентябре, и одна из категорий, которая нас больше всего волнует, — лучший фармацевтический веб-сайт. Хотя Pharma опоздала в мир онлайн-маркетинга, с тех пор она добилась впечатляющих успехов. Таким образом, WebAwards — отличное время для демонстрации того, как цифровой маркетинг может повысить рентабельность инвестиций в фармацевтическую отрасль.

Ассоциация веб-маркетинга — это группа лидеров и создателей компаний цифрового маркетинга, которые на протяжении 23 лет награждают WebAwards.

Награды присуждаются по категориям « Дизайн», «Инновации», «Контент», «Технологии», «Интерактивность», «Копирайтинг» и «Простота использования» .

Фармацевтические компании, хорошо справляющиеся с этими задачами, получают вознаграждение, превосходящее похвалы их коллег: 100 миллионов взрослых в США, или 85% американских интернет-пользователей, ищут в сети медицинскую информацию. Мы рассмотрели победителей последнего десятилетия и извлекли уроки из того, что у них общего.

Вот что девять лучших веб-сайтов фармацевтических компаний делают правильно:

1. Победитель WebAward 2019: Parexel

Parexel, глобальная организация в области наук о жизни, приняла вызов 2009 года обеими ногами, воссоздав свой 20-летний образ на 2019 год. Неудивительно, что победителем стала женщина в возрасте бабушки, которая с любовью держит на руках новорожденного ребенка. к ней одной рукой, а другой осторожно держит головку ребенка. Мы видим возраст как в профиле ее лица, так и в ее руке, но творческая группа понимала, что в этот момент нужно больше, чем улыбка; в ее глазах мудрость и облегчение. Сопоставление молодых и старых на больничном фоне чрезвычайно трогательно.

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

Лучше всего для них работает редизайн веб-сайта. Сайт не позволяет словам затмить красиво снятое изображение. Это радость и облегчение момента, который пользователи видят сразу. Изображение передает сострадание и опыт конечного клиента. Ниже сгиба находится миссия Parexel, заключающаяся в предоставлении персонализированного контента, ориентированного на вовлечение. Сайт нуждался в полной переработке для интеграции с такими вспомогательными инструментами, как UberFlip и Evergage. Креативность и оптимизированная структура обеспечивают чистый сайт с помощью языков веб-разработки, которые по-прежнему могут привлекать внимание пользователей.

Урок: сделайте свой сайт эмоционально привлекательным

2. Победитель WebAward 2018: Аспен

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

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

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

В качестве дополнительного бонуса: горизонтально прокручивающаяся биржевая полоса — приятный штрих.

Урок: прямое внимание с помощью цветов и акцентов

3. Победитель WebAward 2017: Нейрокрин

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

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

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

Урок: Поощряйте общение, используя фотографии реальных людей

4. Победитель WebAward 2016: BioMarin

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

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

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

Урок: Отдайте предпочтение прокрутке, а не кликам

5. Победитель WebAward 2015: Аспен

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

Gene.com хорошо понял эту концепцию, когда они выиграли награду за свою страницу в 2015 году. В полной мере используя пространство «над сгибом», вы можете увидеть, кто они, для кого они и о чем они. «Сгиб» в онлайн-терминах относится к любому пространству, которое не требует прокрутки или щелчка для просмотра. Не перегружая это пространство, Gene.com хорошо расставил приоритеты в своем контенте, особенно с включением призыва к действию . Посетителям предлагается узнать больше или подписаться на них в социальных сетях.

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

Урок: используйте контент в верхней части страницы

6. Победитель WebAward 2014: PillCam Crohn’s

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

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

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

Урок: Включите социальные доказательства на свои страницы

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

7. Победитель WebAward 2013: Quintiles

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

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

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

Урок: работайте с единой темой в уме

8. Победитель WebAward 2012: iBGStar

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

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

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

Сочетая широту, глубину и доступность, iBGStar обеспечивает правильную навигацию.

Урок: упростите навигацию по сайту с главной страницы

9. Победитель WebAward 2011: Маккессон

Когда вы прокручиваете вниз, одна из самых заметных частей веб-сайта McKesson — это раздел, в котором запрашивается ваша роль, чтобы лучше направлять вас. Сайт предлагает варианты «Лидер аптеки», «Лидер цепочки поставок» и «Исполнительный руководитель», но, что наиболее важно, он выглядит как веб-сайт, посвященный лидерам отрасли.

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

Все в том, как разворачивается сайт — его вертикальная прокрутка, его визуальная привлекательность, его простое для понимания сообщение — повторяют аспекты дизайна, которые делают параллаксную прокрутку и инфографику такими популярными . Это эффективно не только потому, что это модно, но и потому, что позволяет сайту рассказать свою историю. McKesson передает свой авторитет как повествование.

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

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

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

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