Женственный проект для ведущего производителя
тестов быстрой диагностики
![<p>FRAUTEST — лидер рынка среди тестов быстрой диагностики для женщин. Но не каждая покупательница знает, что ассортимент бренда шире, чем просто тесты на беременность.</p>](https://s29805.cdn.ngenix.net/wp-content/2019-03-11 Frautest/010.png)
На новом сайте бренда было важно быстро сориентировать пользователей, выгодно преподнести продукцию и отразить дополнительную ценность — возможность консультироваться с врачом и рассчитывать циклы в специальных календарях.
Задачи
- Продумать удобную и интуитивно понятную навигацию.
- Создать яркий дизайн, который привлекал бы аудиторию разного возраста.
- Разместить информацию о продукции: фото, видео, инструкции, рекомендации, дать возможность сравнить товары между собой.
- Реализовать «умные» календари для отслеживания женских циклов.
- Адаптировать сайт под мобильные устройства.
Решение
![](https://s29805.cdn.ngenix.net/wp-content/2019-03-11%20Frautest/xlarge1.png.pagespeed.ic.owgBLwxnXr.jpg)
![](https://s29805.cdn.ngenix.net/wp-content/2019-03-11 Frautest/large.png)
![<p>Заказчик хотел, чтобы новый сайт FRAUTEST не просто рассказывал о продукции бренда, но и стал полноценным информационным ресурсом для женщин. В промоблоке аудитория разделена на 4 группы, чтобы показать, что бренд может сопровождать женщину в разные периоды её жизни. А чтобы для каждой из них сайт отвечал на ключевые вопросы, мы разместили на главной странице ссылки на статьи и блок вопрос-ответ. Также на главной есть блоки для перехода на календари, клуб в социальных сетях и партнерские ресурсы с полезной информацией. Для цветовой схемы сайта выбрали оттенки розового, дополнив их мягким персиковым и нежным лавандовым, и добавили градиентов — получилось очень женственно.</p>](https://s29805.cdn.ngenix.net/wp-content/2019-03-11 Frautest/0120.png)
В проекте много приятной анимации: блоки плавно появляются на странице, линии при скролле наклоняются и образуют блоки интересной формы, а подложки, иконки и элементы параллаксятся.
![<p>На странице с продукцией — понятные разделы с большими фотографиями и тегами, привязанными к 4-м направлениям: планирование и зачатие, беременность и роды, климакс и менопауза, женское здоровье. Благодаря этому каждая посетительница сайта сможет быстро сориентироваться в предлагаемых товарах и найти для себя нужный.</p>](https://s29805.cdn.ngenix.net/wp-content/2019-03-11%20Frautest/x0220.png.pagespeed.ic.L-v7e0LPaU.png)
![<p>В карточке товара — преимущества теста, фото продукта без упаковки, видео- и текстовая инструкция, ссылка на покупку онлайн (одно из важных целевых действий для клиента), описание принципа действия и меры предосторожности.</p>](https://s29805.cdn.ngenix.net/wp-content/2019-03-11 Frautest/0340.png)
![<p>Тут же, внутри карточки, можно задать вопрос специалисту FRAUTEST.</p>](https://s29805.cdn.ngenix.net/wp-content/2019-03-11 Frautest/0400.png)
![<p>Очень удобная функция — календари для женских циклов, которые автоматически вычисляют даты начала месячных или возможного зачатия.</p>](https://s29805.cdn.ngenix.net/wp-content/2019-03-11 Frautest/0510.png)
Адаптивная версия — такая же легкая и плавная, как сайт на десктопе, все нужные разделы спрятаны в меню-гамбургере. С его помощью легко найти нужный товар от FRAUTEST, перейти к календарям или задать вопрос через форму.
![](https://s29805.cdn.ngenix.net/wp-content/2019-03-11%20Frautest/x021.png.pagespeed.ic.XwOTOBwcMw.png)
Результат
Очень женственный и лёгкий проект, максимально информативный и удобный в работе.