8 (8212) 55 18 12

Спортивный и прокачанный сайт для компании Мафпром

Приступить к чтению

Если вы поклонник спорта, то уже косвенно знакомы с нашим заказчиком — компания "Мафпром", который занимается спортивным оборудованием. Многие строительные площадки в парках и дворах — это их рук дело. Помимо уличных комплексов компания делает детские площадки, футбольные и хоккейные корты, оснащает тренажерные и тренировочные залы на территории республики Коми и далеко за ее пределами. 

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

Задачи

  • Сформировать имидж, презентовать компанию как серьезного игрока на рынке.
  • Показать весь спектр услуг.

Сайт заказчику нужен был “вчера”, поэтому было решено сделать временно сайт визитку, что позволило спокойно обсуждать с заказчиком детали проекта и заняться тщательной проработкой сайта.

Аналитика


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

Целевая аудитория

  • Архитекторы и архитектурные бюро.
  • Представители муниципальных образований.
  • Спортивные учреждения.
  • Бизнес сегмент.
  • Строительные организации.

Выделив сегменты целевой аудитории, мы изучили проблемы и важные аспекты, на основании которых определили приоритетные задачи для заказчика.

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

Разработка

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

User story вкратце описывает:

  • человека, использующего систему (заказчик);
  • то, что должно содержаться в данной системе (примечание);
  • то, для чего она нужна пользователю (цель).

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

Вот одини из наших сценариев:

Прототипы

Выделив приоритеты, команда приступила к прототипированию.

Архитектура сайта.

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

 

Дизайн.

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

Первоначальная цветовая схема

 

Финальная цветовая схема

Видео

Давно известно, что посетитель не любит вчитываться в текст, поэтому на главном слайдере были использованы короткие видео. Они позволяют с первой секунды рассказать о деятельности компании и погрузить в атмосферу спортивных достижений. Обычно видеофайлы имеют большой вес и замедляют скорость страницы для пользователя.  В нашем случае видео грузятся не все сразу, а только перед показом.  Если видео не успело загрузиться, то отображается превью этого видео, которое является первым кадром. Остальные слайдеры загружаются незаметно для пользователя и страница не зависает. 

Внимание! На видео присутствует спортивная девушка!

 

Адаптивность

Финал

В процессе создания сайта были учтены пожелания заказчика и потребности пользователя. Мы заложили возможность дальнейшего расширения сайта каталогом услуг и его переквалификации в интернет-магазин.
По старой доброй традиции желаем Компании Мафпром дальнейшего процветания, а его клиентам спортивных достижений! 

Сайт: mafprom.ru


Участники проекта:
Менеджер проектов: Владимир Рупышев
Ведущий разработчик: Щанов Юрий
Разработчик: Коковкин Александр
Верстальщик: Михаил Кокин
Дизайнер: Андрей Яцков

NORTEX: заказать сайт компании

 

Время прочтения:
Время прочтения 4.6 мин

Для авторов

Хотите стать со-автором блога, рассказать аудитории о новинках в мире веб и все что с ним связано? Тогда присылайте ваши материалы и мы опубликуем их.

Стать автором

Обсуждение