Редакция портала:

(3852) 38-40-64

editor@rekportal.ru

Сайт

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

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

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

01

Задачи

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

Дизайн

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

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

Разработка

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

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

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

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

03

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

04

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

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

06

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

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

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

Зацените
0
Юзабилити


0
Функциональность


0
Дизайн


0
Общий рейтинг (Голоса: 0 )


Оценить
Смотреть в рейтинге работ
Комментарии (0)
Добавить свой комментарий
Ваше имя или никнейм
Эл. почта
Текст комментария
Изображение (вы можете загрузить сюда изображение
с расширением .jpg, .gif, .png).
Введите символы с картинки
Комментировать!
Зарегистрироваться на сайте