свежий кейс
Быстрее, выше, сильнее. Новый сайт для компании «МФитнес»
Сохранив простоту и лаконичность дизайна, теперь отполированного до мелочей, он приобрел гибкие настройки параметров товаров, возможность самостоятельно добавлять сложные страницы из разных элементов и массу других полезных «умений».
Задачи
Компания «МФитнес», крупный поставщик фитнес-оборудования, разработала концепцию «Эффективный клуб» и теперь помогает полностью оборудовать и запустить новый клуб, предлагая лучшие решения во всех аспектах, от зонирования
до обучения персонала.
до обучения персонала.
Нам выпала ответственность презентовать новую концепцию клиентам «МФитнес» в виде удобного, красивого и современного сайта. «Эффективный клуб» предполагает комплексное решение задач для своих клиентов, что близко философии scrum-студии. Мы почувствовали в заказчиках близких по духу людей и с удвоенным желанием взялись за работу.
Любой пользователь должен сразу понимать, что у «МФитнес» есть все знания
и любое оборудование, которые могут понадобиться клубу. Заказчик попросил сделать акцент на том, что на новом сайте клиентов ждет комплексное предложение от экспертов № 1 по планированию залов и подбору тренажеров. В представлении ребят из «МФитнес» эффективный клуб выглядит
примерно так:
и любое оборудование, которые могут понадобиться клубу. Заказчик попросил сделать акцент на том, что на новом сайте клиентов ждет комплексное предложение от экспертов № 1 по планированию залов и подбору тренажеров. В представлении ребят из «МФитнес» эффективный клуб выглядит
примерно так:
Это удобное пространство, где тренажеры стоят на своем месте, каждый зал идеален с точки зрения логистики, а системные решения работают слаженно, как часы. Одним словом, место, где всем элементам найдено наилучшее применение. Именно это ощущение нужно передать в дизайне.
Дизайн
Собираем мудборд, чтобы сбить в кучу все подходящие образы, решения
и настроение, ориентируясь на простоту, лаконичность
и наглядность изображений.
и настроение, ориентируясь на простоту, лаконичность
и наглядность изображений.
Старый сайт представлял собой обыкновенный каталог, и нам нужно было, во-первых, сделать его более привлекательным, во-вторых, добавить массу новой информации, не потеряв при этом простой и ясной структуры.
У заказчика уже был фирменный стиль, мы его лишь освежили, добавили
на сайт наглядные изображения, промоблок. Структуру подробно обсудили еще на этапе аналитики и потом ничего не изобретали, ведь нашей задачей было сделать все просто и красиво. В итоге заказчик практически полностью утвердил уже первое наше предложение.
У заказчика уже был фирменный стиль, мы его лишь освежили, добавили
на сайт наглядные изображения, промоблок. Структуру подробно обсудили еще на этапе аналитики и потом ничего не изобретали, ведь нашей задачей было сделать все просто и красиво. В итоге заказчик практически полностью утвердил уже первое наше предложение.
Евгений
Арт-директор
C левой стороны экрана можно увидеть меню из 8 компонентов «Эффективного Клуба». В каталогах товаров — крупные и качественные изображения:
Однако при внешней простоте этот сайт имеет довольно хитрую функциональную «начинку», для создания которой разработчикам пришлось немало потрудиться.
Разработка
Основные сложности в этом проекте представляла настройка кастомных свойств у элементов каталога, которые должны были задаваться
из админки. Эти свойства имеют три вида отображения в виде селекта, переключалки и цветовой схемы
из админки. Эти свойства имеют три вида отображения в виде селекта, переключалки и цветовой схемы
Андрей
разработчик
В каталоге «МФитнес» огромное количество позиций, при этом у многих товаров есть дополнительные опции, и все они должны гибко настраиваться. Для этого разработчики отладили смену фото в общей галерее товара
при выборе цвета.
при выборе цвета.
Многие товары имеют не одно цветовое решение. Пришлось преодолевать сложности
с кастомизацией
с кастомизацией
Также специально для этого сайта был придуман конструктор для сборки сложных текстовых страниц из разных элементов. Это эпическая разработка, позволяющая любому пользователю, мало-мальски знакомого с битриксовой экосистемой, легко создать страницу с непростым функционалом.
Круто? Еще бы.
Круто? Еще бы.
В любую текстовую страницу можно вставить видео с табами или слайдер. Это делается в визуальном редакторе битриксовской системы всего за несколько секунд.
Если в двух словах, конструктор дает возможность добавлять табы
и слайдеры. К табам может быть привязано видео, в том числе
и с временными метками, то есть оно начнет проигрываться с нужного момента. Что касается слайдера, то на нем также можно расставлять метки, которые содержат ту или иную информацию. Направление раскрытия метки задается в четырех направлениях — вниз, вверх, влево
и вправо.
и слайдеры. К табам может быть привязано видео, в том числе
и с временными метками, то есть оно начнет проигрываться с нужного момента. Что касается слайдера, то на нем также можно расставлять метки, которые содержат ту или иную информацию. Направление раскрытия метки задается в четырех направлениях — вниз, вверх, влево
и вправо.
Андрей
разработчик
Каждая метка на изображении содержит текст, различные подсказки
или ссылку на соответствующий товар в каталоге. При этом меток можно добавлять на слайд сколько угодно. Но в конце концов и это просто меркнет перед подвигом заказчика, который наполнил сайт гигантским количеством информации буквально с нуля!
или ссылку на соответствующий товар в каталоге. При этом меток можно добавлять на слайд сколько угодно. Но в конце концов и это просто меркнет перед подвигом заказчика, который наполнил сайт гигантским количеством информации буквально с нуля!
На старом сайте информация о товарах была очень краткой,
и это требовало доработки. Для этого заказчик вносил все карточки товаров вручную, а их было огромное количество. Это заняло три месяца,
и, учитывая объем текстов, можно сказать, что работа шла очень быстро.
Я очень рада, что у заказчика хватило энергии на наполнение сайта контентом с такой тщательностью.
и это требовало доработки. Для этого заказчик вносил все карточки товаров вручную, а их было огромное количество. Это заняло три месяца,
и, учитывая объем текстов, можно сказать, что работа шла очень быстро.
Я очень рада, что у заказчика хватило энергии на наполнение сайта контентом с такой тщательностью.
Анна
Руководитель проекта
В работе над этим проектом все заинтересованные стороны проявили упорство, терпение и выдержку. И наконец сайт запущен. Всем торт!
Готовый проект
Все получилось и получилось неплохо. Новый сайт «МФитнес» вовсю радует пользователей: http://www.mfitness.ru
