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

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

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

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

Также на главной есть крупные заметные блоки для перехода на календари, клуб в социальных сетях (будет особенно интересен аудитории 18−25 лет, которую заказчик планирует привлечь на сайт) и партнерские ресурсы с полезной информацией.

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

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

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

Для альтернативного варианта сразу подобрали несколько референсов общего фото, чтобы показать вариативность.

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

Внутри карточки товара — преимущества теста, фото продукта без упаковки, видео- и текстовая инструкция, ссылка на покупку онлайн (одно из важных целевых действий для клиента), описание принципа действия и меры предосторожности. А ещё — табличка сравнения параметров разных тестов из линейки FRAUTEST и ответы на часто задаваемые вопросы.

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

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

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

Ещё одна фишка сайта — календари для женских циклов, которые автоматически вычисляют даты начала месячных или возможного зачатия.

В разделе с вопросами и ответами есть фильтр — можно отсортировать уже заданные вопросы по имени автора, ключевому слову или датам. А если ответа на нужный вопрос не нашлось, здесь же можно задать вопрос врачам-консультантам — их имена, должности и фото указаны на форме.

В блоке с полезными статьями для удобства предусмотрен фильтр по тематике:

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