Сайт-каталог производителя продуктов для фитнеса Natural Power

Если что, мы используем куки

Понятно

Услуги

Портфолио

Делаем только то, что нужно бизнесу, ничего лишнего

Сайт-каталог производителя продуктов для фитнеса

Almi Group — крупное международное предприятие с географией присутствия в 62 странах мира — на протяжении трех поколений является успешным международным партнером в пищевой промышленности, оставаясь при этом семейным предприятием.

О клиенте

В Graphene компания обратилась за проектом сайта для собственного бренда спортивного питания Natural Power. Нашей задачей было спроектировать и реализовать имиджевый сайт-каталог, рассказав о продукте и компании-производителе.

Что надо было сделать

Визуальное решение

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

Международному бренду важно поддерживать консистентность во всех странах, поэтому за основу визуала мы взяли гайдлайны клиента, разработанные для главного офиса в Австрии. Геометрический гротеск Montserrat с открытым характером и слегка расширенными пропорциями, четкий логотип, серовато-синий и травянисто-зеленый фирменные цвета диктуют, чтобы дизайн сайта выглядел понятным, чистым и единым с лого и упаковкой продукта.

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

Пользователь в приоритете

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

Удобный каталог

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

Карточка товара

Адаптивность

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

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

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

Микроанима-ции

Микроанимации

Функциональная особенность этих разделов — удобный и простой рубрикатор, разработанный в соответствии с пожеланиями клиента, а визуальная — приятный глазу контраст крупных и мелких объектов. Когда за крупным заголовком следует массив текста, а потом — оп! — крупная фотография, читать новости становится гораздо интереснее.

Новости и Блог

Создавая сайт, мы позаботились и о Заказчике. Административная часть сайта разработана на базе 1С:Bitrix. Редакцию «Бизнес» выбрали с целью дальнейшего масштабирования сайта до полноценного интернет-магазина с широким ассортиментом и интеграциями с внутренними системами бизнес-учета компании. Админпанель позволяет управлять абсолютно всем контентом сайта: от новостей до свойств в фильтрах каталога и sео-данных страниц.

Администра-тивная панель

Административная панель

Проект получился минималистичным, но при этом атмосферным. У нас получилось создать визуально простой и привлекательный сайт, который становится идеальным фоном для продукции NaturalPower. В планах — дальнейшее партнерство и развитие проекта в полноценный монобрендовый интернет-магазин.

To be continued... :)

Результат

Инструменты