Разработка интернет-магазина для производителя противопожарного оборудования

Аналитика и исследование

Прототип

Дизайн-поддержка сайта

Веб-разработка

UX/UI-дизайн

Задача

Компания FLAMAX, производитель и поставщик систем пожаротушения и промышленного водоснабжения, решила выходить в электронную коммерцию. Первая версия магазина была собрана на типовых шаблонах 1С-Битрикс, но со временем её функциональности перестало хватать для работы с оптом и сложными номенклатурами. Перед нами поставили задачу спроектировать удобный интернет-магазин, архитектура которого в будущем позволила бы превратить его в специализированный маркетплейс противопожарного оборудования.

Решение

Мы разработали интернет-магазин, который одинаково эффективно обслуживает и оптовые, и розничные продажи. Главным элементом стал удобный каталог с продуманной системой фильтров по техническим характеристикам. Мы оптимизировали путь клиента так, чтобы получение счёта на оплату занимало минимум времени, а также оформили внутренние разделы для последующего SEO-продвижения каждой товарной группы.

Исследование и конкурентный анализ

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

Проектирование и прототипирование

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

Разработка дизайна

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

Оформление ключевых страниц

Мы сделали удобными и понятными все шаги покупки от поиска товаров и выбора характеристик до оформления заказа и отслеживания его статуса.

Дизайн всех страниц

Каждая страница продумана так, чтобы пользователь не задумывался, где найти кнопку «запросить счёт» или как добавить позицию в корзину. Особое внимание уделили информационным блокам и служебным страницам, которые помогают клиенту принимать решение без звонка в поддержку.

Адаптация сайта для разных экранов

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

Мобильный UX/UI

Разработка и интеграция

Используя современные и стабильные технологии, мы создали MVP сайта. Ключевым этапом стала интеграция интернет-магазина с учётной системой 1С клиента. Мы запрограммировали как визуальную, так и функциональную часть шаблона под 1С-Битрикс, настроили административную панель в соответствии с регламентами заказчика и в итоге передали полностью готовый к работе сайт."

С 2022 года системно сотрудничаем с Индиго Амиго, «полет отличный». Все началось с того, что обратились к ним за разработкой нового сайта. Сразу понравился подход специалистов Индиго Амиго ещё до того, как они приступили к реальным работам по прототипированию и созданию дизайна страниц. С нами провели поэтапное интервью, где специалисты Индиго Амиго отсегментировали ЦА нашего бизнеса, выявили все боли, страхи и потребности клиентов, изучили лучшие референсы сайтов в отрасли и только после этого приступили к практическим работам.

Руководитель проекта был всегда с нами на связи 24/7 и оперативно предоставлял всю необходимую информацию о ходе работ, а также напоминал нам о предоставлении материалов или согласовании тех или иных моментов. Особенно хочу выделить компетенцию в области дизайна. Практически всегда Индиго Амиго всё делает с первого раза так, как мы хотели, что благоприятно влияет на сроки реализации работ. Спасибо вам!

Дмитрий — интернет-маркетолог в компании FLAMAX и FLAMAX. SHOP