Сайт

Foreman: спортивный сайт для B2B продаж

18.11.2016
Количество просмотров: 1967

Сибирикс сделал сайт для оптовых закупок спортивного оборудования Foreman — строгий, подтянутый и дико удобный.

Если ваш фитнес-клуб знает толк в спортивном инвентаре, то вы уже знакомы с компанией, сайту которой посвящен этот кейс. Он о российском производителе спортивного оборудования Foreman.

Ребята делают тренажеры, аксессуары, мебель для спортивного инвентаря и одежды, оборудование для игр и единоборств. Кроме фитнес-клубов Foreman работает с медицинскими центрами и армией — клиентами, требующими особого подхода.

01

Задачи

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

Дизайн

В дизайне отталкивались от фирменного цвета Foreman — красного. И первым желанием было замиксовать его с черным, сделать стильно, броско, но строго. Но после мудборда выяснилось, что много черного нельзя — директор (который принимает решение) скажет, что это траур. Мы постарались соблюсти баланс: не стали совсем отказываться от черного, а вторым основным цветом сделали нейтральный серый.

Заказчик Foreman пришел с готовым контентом. Обработанные снимки для слайдера на главной, снимки объектов с оборудованием Foreman, чистенькие фотографии для каталога — все уже было готово.
02

Разработка

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

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

У каталога три уровня вложенности: категория товаров (например, кардиотренажеры), вид товара (степперы, велотренажеры и т.д.) и фильтрация по отрасли использования (медицина, армия, фитнес-центры).

Для каждой категории товаров — а их 9 — дизайнер нарисовал иконки, а разработчики научили их по-спортивному подпрыгивать при наведении курсора.

03

Подробное описание товара выводится прямо в каталоге при наведении мыши. Появляются габариты, цвета, описание и кнопка для добавления в корзину. Когда выводится информация, плитка с товаром затемняется и по-эппловски размывается — красота!

04

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

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

06

В итоге знатно прокачались в разработке каталогов с несколькими уровнями вложенности и функциональном дизайне сайтов для B2B. А результат — сайт, который решает задачи заказчика.

Готовый проект: www.foremanfitness.ru.

Подробнее о процессе разработки читайте в блоге scrum-студии «Сибирикс».

=11200


Подпишитесь на новости Рекпортала через соцсети. Это удобно!
Комментарии (0)
Добавить свой комментарий

Current ye@r *