Сайт производителя спортивного питания «Z-Konzept»
Цель проекта
У клиента широкая номенклатура продуктов из сегмента спортивного питания, которое они производят на собственной высокотехнологичной линии. Своя иследовательская научная база позволяет предоставлять рынку сбаллансированый и эффективный продукт.
Главной задачей было представить товар потребителю и дать возможность приобрести его непосредственно через сайт. При этом стилистический упор рекомендовано было сделать именно на технологичности производства: высокие технологии, все такое.
Решение
На первом этапе мы собрали некий скетч, представляющий собой, по сути, большое полотно из цветовых пятен и графических элементов, помогающих заказчику настроиться на нашу волну, расшифровать предлагаемый нами стилистический код.
Продуктовая линейка, оформление печатной рекламы и иностранных сайтов клиента имеют ряд цветовых общностей, основывающихся на дизайне упаковки продукта: темный фон, золото и циан. В сочетании с этой гаммой мы предложили использовать в оформлении сайта определенное количество Sci-fi: кусков неведомых космических интерфейсов, намекающих на технологическую научную базу, лежащую в основе продукции.
После определенного времени работы дизайнер выдал макет главной. Заказчик порекомендовал отказатьсяот цветного фото на фоне в пользу представленного в скетче варианта с синим Доктором Манхэттеном.
Изменяем гамму на более близкую полюбившимся заказчику скетчам, изменяем некоторые блоки и добавляем новые.
В итоговой версии главной страницы мы реализовали ряд интересных решений.
Пользователя встречает анимированный чудо-баннер, разворачивающий основные показатели товара в виде кольцевых диаграмм.
Бэкграунд в виде пиксельной сетки создает иллюзию большой проекции на огромный экран какой-нибудь космической хрени.
Прямо на глазах у пользователя полигональные баночки и батончики обретают текстуру и продажный вид.
Преимущества. Без них никто не оценит научный подход к круглосуточному спорту, даже не смотря на гарантированный идеальный вкус прозрачной информации.
В новостях и событиях наведение курсора на блоки заставляет ломаную датами линию извиваться под давлением выскакивающих анонсов.
А вы говорите, что эти ребята ничего не принимают!
Для стартового акционного слайдера мы создали шаблон, при помощи которого прямо в системе администрирования можно вести параметры товара и диаграма БЖУ сформируется автоматически.
К черту страшные баннеры! Наши генерируются движком сайта, а администраторам и пользователям остается только наслаждаться всей этой красотой.
Чтобы не погружать страницу во тьму, подстукивая сверху агрессивным дизайном банок, эти самые банки мы выводим в технологичном полигональном виде. При наведении на товар можно увидеть его истинный вид и более подробную информацию.
Комплексы — это уникальный модуль. До настоящего момента на иностранных сайтах производителя комплекс являлся отдельным товаром с прикрепленым описанием. Мы предложили сделать комплекс в виде специальной группы товаров, которую администратор может составлять из номенклатуры производителя. Теперь на сайте наглядно показывают из чего состоит комплекс и есть возможность изучить каждый товар в отдельности.
В каталоге товар выводится уже не в полигональном виде. Сбоку фильтр по параметрам помогает добиться точного попадания банок в потенциального потребителя.
Карточка товара с расширенной информацией и рекомендациями. Здесь и комплекс, в состав которого входит выбранный товар.
Сайт дает возможность не только приобрести товар, но и начитаться поучительных статей, получить ответы на вопросы. Ах да, еще есть личный кабинет с историей заказов и расчетом индивидуальной скидки.
Результат
В работе над проектом мы старались огородиться от давлеющей стилистики, используемой заказчиком, но при этом должны были сохранить определенную преемственость. Мы считаем, что это удалось.