Кейс Пантовигар. Продуктовый сайт

ЦЕЛЬ

Сделать удобный редизайн продуктового сайта препарата «Пантовигар» (Merz Pharma) от выпадения волос: собрать всю информацию о препарате на одном экране и провести человека от проблемы к покупке без лишних переходов.

РЕШЕНИЕ

Главная строится на сетке из шести плиток с белыми зазорами: каждая плитка — вход в раздел и одновременно его визуал. По той же сетке собраны внутренние страницы — механизм действия, применение, инструкция, вопрос-ответ, контакты — и мобильная версия. Визуальный язык: серые плитки, белые зазоры, один зелёный акцент Merz, шрифт Geologica и контурные иконки. Студийная съёмка и 3D-рендеры выполнены в одной световой схеме.

ФОРМАТ

Десктоп + мобильная версия

Шесть разделов на одной сетке

Студийная съёмка и 3D

ГЛАВНАЯ СТРАНИЦА

Первый экран — карта сайта. Шесть плиток отвечают на главные вопросы: что это, как работает, как принимать, где купить. Ниже — факты о выпадении волос, состав с 3D-визуализацией каждого компонента, схема курса и результаты. Человек проходит путь от проблемы к покупке, не покидая страницу.

АНИМАЦИЯ

Плитки раскрываются по мере прокрутки, цифры и визуалы появляются с лёгким смещением. Анимация подчёркивает структуру сетки и не отвлекает от чтения.

ВНУТРЕННИЕ СТРАНИЦЫ

Внутренние страницы собраны по той же сетке. «Механизм действия» показывает разрез фолликула и три фазы роста волоса в 3D, «Применение» — схему приёма, «Инструкция» — состав и дозировки, «Вопрос-ответ» — аккордеон частых вопросов, «Контакты» — карту с адресом Merz Pharma.

ВИЗУАЛ

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

МОБИЛЬНАЯ ВЕРСИЯ

Мобильная версия повторяет логику десктопа: те же плитки, собранные в одну колонку. Бургер-меню, крупные цифры и кнопка «Где купить» всегда под рукой.