Разработка сайта и платформы продаж для «Мир сварки»

Для «Мир сварки» сайт — не просто витрина, а ключевой цифровой канал, напрямую влияющий на продажи, операционные процессы, масштабирование бизнеса.

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

Перед нами стояла задача:

• создать не типовой интернет-магазин, а масштабируемую цифровую платформу: с продуманной архитектурой каталога, SEO-фундаментом, глубокой интеграцией с 1С;
• подготовить почву для реализации B2B-личного кабинета. 

Решение должно было учитывать текущие бизнес-процессы компании и одновременно закладывать возможности для роста без последующих переделок.

Почему типовой интернет-магазин не подходил?

• сложная каталогизация (до 4 уровней вложенности);
• разные сценарии для гостей, розницы и юрлиц;
• обязательная двусторонняя интеграция с 1С;
• будущий B2B-кабинет с финансами, документами, подчинёнными;
• высокие требования к SEO и структуре.

Нужна не витрина, а платформа, способная развиваться.

Подход к проекту и технологический стек

Начали с аналитики (изучили спрос, конкурентов, позиционирование бизнеса) Следующий этап — SEO-проектирование. Проектировали сайт сразу «с запасом» под B2B, использовали штатные возможности Битрикс без «костылей» для поддержки обновляемости, закладывали масштабирование на уровне архитектуры.

Технологический стек

• 1С-Битрикс: Управление сайтом в редакции Бизнес;
• интеграция с 1С:УТ 11;
• мультирегиональность;
• ролевая модель пользователей;
• SEO-архитектура под крупный каталог.

Прототипы и дизайн-концепция

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

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

Было 2 основных варианта дизайн-концепции:

Дизайн-макеты сайта

Сделали 16 прототипов и более 70 макетов с учетом адаптивных версий. На этом же этапе была разработа дизайн-система (UI-кит, типовая страница).

Всего было 3 итерации правок.

Главная страница

Сравнение 1 экрана нового и старого сайта.

Каталог и карточка товара

На выходе в каталоге получаем иерархию до 4 уровней, фильтрацию и сортировку, избранное и сравнение, быстрый заказ, документы, сертификаты, видео, SEO-тексты на уровне разделов.

Дополнительные макеты

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

Интеграция с 1С

Интеграция с 1С — обычно большая боль для всех участников процесса, так как вскрываются нюансы, которых на первый взгляд не видно.

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

По итогу мы настроили обмен данными так, чтобы каталог всегда оставался актуальным: 

• сайт регулярно получает полное обновление товаров;
• оперативно подхватывает все изменения в течение дня. 

Цены, остатки и номенклатура обновляются автоматически, а заказы передаются в учетную систему, превращая сайт и 1С в единую рабочую среду.

Контентные и сервисные разделы

Помимо каталога продукции, на сайте реализованы контентные и сервисные разделы, усиливающие доверие к бренду и поддерживающие воронку продаж:

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

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

SEO-проектирование сайта

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

В процессе разработки мы реализуем человекопонятные URL, микроразметку Schema.org и OpenGraph, конвертацию изображений в .webp и их сжатие для фронта. Для корректной индексации настроены автообновляемый sitemap и robots.txt, а для контроля эффективности — Яндекс.Метрика с необходимыми целями.

Масштаб и команда

Проект потребовал примерно 1 200 часов работы команды из 7 человек (аналитики, дизайнеры, разработчики, тестировщики, SEO-специалисты, контент-менеджеры и менеджеры проекта). Мы выстраивали процесс так, чтобы учесть сложную бизнес-логику, интеграции с 1С и требования к масштабированию, сохранив управляемость сроков и качества за счет календарного плана и планирования ресурсов. 

По итогу работы мы предоставили подробные инструкции по наполнению сайта.

Результат

Компания получила современную по визуалу и масштабируемую цифровую платформу, которая объединила продажи, контент и сервисные сценарии в единой системе. Сайт стал каналом взаимодействия с клиентами. Проект готов к росту ассортимента, регионов и бизнес-задач компании, включая разработку личного кабинета для B2B.

Хотите такой проект? Мы проектируем сложные цифровые платформы для B2B и e-commerce на базе 1С-Битрикс, обращайтесь 😀