Промо-сайт бренда «Fitstart»

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

Одной из собственных марок «Мистраль Трейдинг», является премиальный бренд мультизлаковых хлебцев Fitstart. Для которого ранее, мы запустили временный сайт на готовом решении. После обновления бренда, нам была поставлена задача — реализовать новый, красочный и «вкусный» сайт бренда, который позволит полноценно показать преимущества и разнообразие товарной линейки.

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

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

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

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

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