MFitness
Компания «МФитнес», крупный поставщик фитнес-оборудования , разработала концепцию «Эффективный клуб» и теперь помогает полностью оборудовать и запустить новый клуб, предлагая лучшие решения во всех аспектах, от зонирования до обучения персонала.
Задачи
Презентовать новую концепцию клиентам «МФитнес» в виде удобного, красивого и современного сайта.
![<p><b>Любой пользователь должен сразу понимать, что у «МФитнес» есть все знания и любое оборудование, которые могут понадобиться клубу.</b></p><p>Заказчик попросил сделать акцент на том, что на новом сайте клиентов ждет комплексное предложение от экспертов № 1 по планированию залов и подбору тренажеров.</p>](https://s29805.cdn.ngenix.net/upload/iblock/5e0/x5e00c4d22f1610762e6ef89cbab1168b.jpg.pagespeed.ic.S48hbPd4GW.jpg)
Дизайн
![<p><b>Собираем мудборд, чтобы сбить в кучу все подходящие образы, решения и настроение, ориентируясь на простоту, лаконичность и наглядность изображений.</b></p>](https://s29805.cdn.ngenix.net/upload/iblock/2df/x2df6b5b3b0d9609c6dbac347bf96ba12.jpg.pagespeed.ic.c5Jx9--Ijg.jpg)
Разработка
Старый сайт представлял собой обыкновенный каталог, и нам нужно было,
![<p><b>C левой стороны экрана можно увидеть меню из 8 компонентов «Эффективного Клуба».</b></p><p> В каталогах товаров — крупные и качественные изображения:</p>](https://s29805.cdn.ngenix.net/upload/iblock/a24/xa241416262a1b3f86382098d3f2c908d.jpg.pagespeed.ic.I8w6cfW_n8.jpg)
![<p><b>В каталоге «МФитнес» огромное количество позиций, при этом у многих товаров есть дополнительные опции, и все они должны гибко настраиваться.</b></p><p> Для этого разработчики отладили смену фото в общей галерее товара при выборе цвета.</p>](https://s29805.cdn.ngenix.net/upload/iblock/6a4/x6a47628db1ea823cf0ae2e044df37554.jpg.pagespeed.ic.8Ij8Ahya55.jpg)
![<p><b>В любую текстовую страницу можно вставить видео с табами или слайдер.</b></p><p> Это делается в визуальном редакторе битриксовской системы всего за несколько секунд.</p>](https://s29805.cdn.ngenix.net/upload/iblock/67f/67f5d29630c8e3d8cefa8d41abc47ce2.gif)
![<p><b>На слайдере можно расставлять метки, которые содержат ту или иную информацию.</b></p><p>Раскрытие метки задается в четырех направлениях — вниз, вверх, влево и вправо.</p>](https://s29805.cdn.ngenix.net/upload/iblock/712/x712923c457314f558a9ce7c261170ee6.jpg.pagespeed.ic.kZ2uPyNIzB.jpg)