Рынок товаров для здоровья в США растёт: выручка в этом году, по исследованиям, будет почти 7 миллиардов долларов. В этот сегмент входят биоактивные добавки, витамины и функциональное питание. Американцы хотят похудеть, лучше спать, стать моложе, красивее, идеальнее. Power Peptides™, онлайн магазин пептидных добавок, обратились к нам, чтобы мы помогли победить высокую конкуренцию через визуал и SEO-френдли сайт, а мы сделали ещё и фирменный стиль с лого. И вот, как это было.
Немного о нас
Мы молодая, но активная digital студия AffArts — дизайним по-человечески с 2020 и сдали более 500 проектов для российских и зарубежных заказчиков. Рвём шаблоны, а не дедлайны, брифуем, подстраиваемся под любой сегмент и нишу.
Знаем многое о SEO-оптимизации, потому что работаем с SEO-командами, придумываем функциональные и эстетичные дизайн-концепции, а ещё не забываем о разработчиках — готовим UI киты и адаптивы, чтобы проекты выходили из продакшена как можно быстрее, а клиенты легко могли вносить изменения самостоятельно.
О клиенте и задаче
Наш заказчик — SEO-команда из США, дистрибьютор пептидных добавок Power Peptides™. Они помогают аудитории, которая заботится о своём здоровье, найти и приобрести инновационные препараты на пептидной основе.
Ключевая задача — создать функциональный и удобный дизайн интернет-магазина в фармацевтической нише для региона Северная Америка, выделить его через айдентику и оптимизировать под требования Google.
В работе мы учитывали особенности проекта:
- У проекта нет стилевой базы. Ему необходима айдентика, которая выделит магазин среди конкурентов и подчеркнёт качество продукта.
- Регион рынка — Северная Америка. Дизайн и его паттерны должны быть понятны и знакомы североамериканским пользователям и вызывать у них доверие.
- От нас требуется только дизайн десктопа и мобильной версии — разработку заказчик берёт на себя.
- Заказчик серьёзно настроен на успех — не боится следить за конкурентами и проводить самостоятельные исследования ниши.
Важно, что это сайт на стыке фармацевтики и e-comm из категории YMYL — «Your Money or Your Life» («Ваши деньги или ваша жизнь»). На таких сайтах размещается информация, которая может серьёзно повлиять на финансы, безопасность или здоровье пользователей, поэтому Google оценивает их по факторам E-E-A-T:
- Expertise — экспертность
- Experience — опыт
- Authoritativeness — авторитетность
- Trustworthiness — достоверность
Если контент не проходит проверку, то сайт не получит высоких позиций в выдаче или может быть вовсе скрыт. Чтобы этого избежать, мы применили нашу экспертизу в SEO-дизайне.
Рассказываем, что и как у нас получилось.
Изучили конкурентов из ниши, бенчмарки самых успешных e-comm проектов и выбрали лучшие решения для проекта
Команду проекта поделили на два юнита и начали разрабатывать веб и айдентику
Разработали три мудборда, которые легли в основу итоговой концепции
Логотип
Вместе с ТЗ заказчик передал нам черновую версию логотипа. Она не отражала сути продукта, никак не выделяла его среди конкурентов и выглядела стоково. Цель хорошей айдентики в том, чтобы передавать смыслы и позиционирование через визуал, привлекать нужную ЦА — так мы убедили клиента, что логотип необходимо заменить, а ещё проработать физические носители.
Цветовая палитра
Мы подобрали для клиента три варианта цветовых схем для сайта, которые сочетались с позиционированием бренда. Всё это добавили в детализированный мудборд и показали его заказчику. В финальном дизайне применили первую схему: синий используется на имиджах товара, оранжевый — как акцентный цвет, зелёный — как цвет кнопок.
Шрифт
Satoshi. Модернистский сан-сериф. В основе гротескные буквенные формы с геометричными символами. Визуально вдохновлён модернизмом, графическим и типографским дизайном индустриальной эпохи. Разработан Дени Анггарой для Indian Type Foundry.
Так мы создали айдентику, которая нацелена на аудиторию и отражает подход бренда
Веб-разработка и UX/UI
Применили нашу SEO-экспертизу, использовали базовые приёмы и отдельно проработали структуру страниц для соответствия требованиям от Google.
Через главную страницу создали ощущение надёжности, экспертности и безопасности
В нише фармацевтики это критически важно, так как люди покупают продукты, влияющие на их здоровье. Здесь всё сделано так, чтобы посетитель с первых секунд понял, что перед ним профессиональная компания с проверенной продукцией. Баннер «USA Made Products» — триггер доверия, так как продукция, произведённая в США, воспринимается как более качественная и безопасная. Тут же указаны характеристики продукта: «Identity and Purity Tested», «Batch Tracking» — компания ведёт строгий контроль качества и заботится о здоровье клиентов.
Каталог сделали интуитивно понятным и информативным
В таком e-commerce проекте важно разработать каталог так, чтобы пользователи могли легко найти нужный препарат и быть уверенными в его качестве. Главная функция — удобная навигация. Для этого мы сделали хорошую систему поиска и фильтрации. Продукты можно отфильтровать по цене, форме выпуска, назначению, рейтингу и наличию. Карточки товаров оформили так, чтобы пользователь сразу узнавал главное о товаре. Если продукт временно отсутствует, система не скрывает его, а показывает статус «Out of Stock» и предлагает подписаться на уведомление о поступлении.
Создали идеальную страницу фармацевтического продукта
Страница продукта в фармацевтическом e-commerce должна быть максимально прозрачной, информативной и убедительной, соответствовать строгим требованиям YMYL. Без этого получить доверие пользователей или хорошие позиции при ранжировании невозможно.
Учитывали самые важные критерии и делимся списком из девяти ключевых блоков, которые должны быть на странице продукта:
- Главное о препарате: название, дозировка, фото упаковки.
- Кнопка быстрого добавления в корзину и моментальной покупки.
- Преимущества: лабораторные тесты, гарантии возврата, быстрая доставка.
- Юридические дисклеймеры, так как препараты на пептидной основе предназначены только для исследовательских целей и не одобрены FDA для медицинского использования. Это обязательный элемент для соответствия законодательству.
- Описание продукта: указали химическую структуру, формулу, уровень чистоты и другие характеристики.
- Механизм действия препарата: добавили информацию в раздел «Как работает Semaglutide» с графиками и научными данными.
- Официальные лабораторные отчёты: COA (Certificate of Analysis) и HPLC (High Performance Liquid Chromatography).
- Блок «Побочные эффекты и безопасность», где открыто рассказали о возможных рисках.
- Блоки «Reference» и «Summary», чтобы добавить экспертности со стороны внешних источников и благодаря комментариям от автора.
Встроили блоки, подходящие для алгоритмов Google
Блок «Why Power Peptides is the best place to buy the product» отвечает требованиям E-E-A-T и показывает: компания заботится о качестве, безопасности и удобстве своих клиентов. Секция FAQ отвечает на популярные вопросы, что помогает пользователям получить достоверную информацию и снижает количество обращений в поддержку. Научно обоснованные ответы в формате FAQ повышают экспертность сайта в глазах Google, что особенно важно для YMYL-ниш. Такой же блок есть на странице продукта, но там описаны точечные вопросы, которые относятся только к конкретному препарату.
Добавили психологический триггер перед СТА для повышения доверия
Цель блока — описать подход компании и показать, что им можно доверять. Пользователи всегда хотят знать, как и где создаются продукты, которые будут помогать их здоровью, а к местному производству доверия больше.
Финальный блок — форма подписки на рассылку и подвал (футер). Подписка на новости, скидки и релизы новых продуктов делает взаимодействие с пользователем более долгосрочным, а хорошо структурированный подвал с контактными данными, политиками возврата и лицензиями усиливает ощущение надёжности и прозрачности.
В результате создали информативный и эстетичный сайт
Дизайн понравился не только нам и клиенту. Мы поделились кейсом на Dprofile и попали в выборку жюри в разделе брендинга!
А вывод такой: дизайн для Power Peptides не просто продаёт продукты — он создаёт доверие, делает процесс выбора удобным и соответствует строгим стандартам фармацевтического e-commerce, что улучшает конверсию и помогает сайту занимать высокие позиции в поиске. А самое ценное в этом проекте — это ребята из команды, которые помогли довести всё до идеала. Кто они и к чему приложили руки — смотрите в нашем портфолио или читайте на сайте, а за внутрянкой заходите в наш телеграм-канал.