1. Главная
2. Наши работы
3. Модернизация швейного гипермаркета Веллтекс

О проекте: от хаоса к топовому e-commerce

В апреле 2021 года к нам обратился «Веллтекс» — крупнейший швейный гипермаркет России, поставщик всего и вся для шитья: от ниток и иголок до промышленных машин. Их ассортимент — это 60 000+ товаров, собственные склады и филиалы по всей стране. Но вот их сайт… Скажем так, он был как старый оверлок: вроде шьет, но медленно, с косяками и без документации.

Веллтекс долго отдавал сайт на аутсорс разным командам, и он был скорее «для галочки». Код — самописка с кучей костылей, частично на Yii2, но с тонной легаси. Штатный программист не справлялся с потоком задач, а бизнес хотел сделать сайт не просто витриной, а мощным драйвером продаж, который увеличит онлайн- и офлайн-аудиторию втрое, повысит средний чек и выведет бренд на новый уровень. Мы взялись за эту задачу, и вот как мы это сделали.

Бизнес-цели

• Популяризация бренда: сделать Веллтекс синонимом качества и удобства в швейной индустрии.
• Рост аудитории: увеличить число покупателей втрое онлайн и офлайн..
• Повышение частоты покупок: мотивировать клиентов возвращаться чаще в магазины и на сайт.
• Увеличение среднего чека: за счет допродаж и акций.
• Упрощение управления: сделать сайт удобным для админов, чтобы цены, скидки и товары обновлялись без боли.

Как мы начали: опросники и первые шаги

Для старта мы составили первичное ТЗ и предложили заказчику два варианта: фиксированная цена или почасовка (Time & Material). Веллтекс выбрал T&M, понимая, что требования будут меняться на лету. Первой задачей стали опросные листы — функционал для сбора обратной связи от клиентов, чтобы лучше понимать их потребности и тренды. Мы быстро закодили фичу, протестировали и показали результат. Заказчик оценил наш подход: четкие User Stories, критерии приемки, документация и никаких «сюрпризов» в коде.

После этого «Веллтекс» доверил нам новые задачи, и мы начали наращивать команду: подключили 4 PHP/Yii2-разработчиков, тестировщика и PM. Погружение в проект показало, что этот сайт — это как черный ящик: никто толком не знал, как работает легаси-код. Но мы любим такие вызовы!

Интеграция служб доставки: от Шиптора к СберЛогистике

Одной из ключевых задач была интеграция с транспортными компаниями. Сначала мы подключили API Шиптора, а позже перешли на СберЛогистику. Это позволило автоматизировать расчет стоимости доставки, трекинг заказов и синхронизацию статусов. Но кроме кода, мы делились с Веллтексом нашим опытом:

• Таск-трекер: настроили прозрачную систему задач с приоритетами.
• Код-стандарты: ввели PSR для чистоты и читаемости кода.
• User Stories: каждая задача теперь имела бизнес-цель и критерии приемки.
• Документация: начали вести базу знаний, чтобы новые разработчики могли быстро влиться.

Эти практики помогли заказчику выстроить процессы так, чтобы их будущий IT-отдел мог работать как часы.

Обучение клиента

В ходе работы над проектом мы не только разрабатывали продукт, но и активно делились с клиентом нашим опытом организации работы разработчиков. Мы рассказывали о важности внедрения отдельного таск-трекера для прозрачного управления задачами, соблюдения код-стандартов для чистоты и единообразия кода, а также о подходах к тестированию для обеспечения качества. Особое внимание уделялось постановке задач через User Stories с четкими критериями приемки и привязкой к бизнес-целям, ведению подробной проектной документации и принципам Domain-Driven Design (DDD).

Наша цель была — передать накопленный опыт, чтобы помочь заказчику выстроить собственный эффективный отдел разработки ИТ-продуктов.

Рефакторинг выборок товаров: чистим легаси

Следующий вызов — рефакторинг системы вывода товаров и категорий. Это был узел, связывающий весь сайт: каталог, поиск, фильтры, интеграции с 1С. Проблема? Никто, включая заказчика, не знал, какой функционал зашит в коде.

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

Редизайн: новый UI без боли для пользователей

Сайт Веллтекса выглядел как привет из 2010-х. Мы взялись за редизайн, сохранив ключевой принцип: не ломать привычный UX для лояльных клиентов. В Figma мы проработали новый интерфейс, который был современным и интуитивным. Процесс согласования был долгим — каждый раздел сайта отрисовывался от визуальных пожеланий заказчика.

Верстку взял на себя заказчик, а мы курировали реализацию, чтобы UI остался пиксель-перфект. Итог: у сайта стал современней дизайн с акцентом на нужные продающий блоки, удобная навигация, а пользователи не заметили резких изменений — только удобство.

До:

После:

Нормализация данных: чистим телефоны

У клиента был запрос: «Исправьте номера телефонов в БД, где две семерки». Казалось бы, простая задачка, но мы знали: такие «мелочи» могут поломать половину системы.

Мы провели аудит:

• Выявили все сценарии, где используются номера (регистрация, ЛК, заказы).
• Проанализировали форматы данных в БД.
• Предложили методы очистки и добавление масок ввода (maskedinput.js), чтобы избежать ошибок в будущем.

Список задач:

1. Добавить маски на поля ввода телефона (регистрация, ЛК, заказы).
2. Очистить БД от некорректных номеров.
3. Удалить дублирующие поля.
4. Провести регресс-тестирование.

По итогу мы не только почистили данные, но и защитили систему от повторения проблемы. Заказчик был в доволен и в ответ отправил: «Ребята, вы нашли то, что мы сами не замечали годами!»

Новая система скидок: больше покупок, меньше траты времени

Финальный этап — новая система скидок. Старая работала плохо, а бизнес хотел:

• Мотивировать клиентов покупать больше через гибкие акции.
• Упростить управление скидками для админов.

Мы начали с аудита: разобрали, как старая система работает для пользователей и админов. Затем спроектировали новую модель, синхронизировали ее с 1С и добавили удобный интерфейс в админке.

Список задач:

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

Легаси-код сопротивлялся, но с помощью рефакторинга мы внедрили нужную фичу. Теперь админы тратят в 2 раза меньше времени на управление акциями, а клиенты видят персональные предложения, которые мотивируют покупать больше.

Инсайты: что мы вынесли из проекта

1. Легаси — не приговор: даже старый код можно приручить, если грамотно рефакторить и документировать.
2. User Stories рулят — четкие бизнес-цели и критерии приемки экономят время всем.
3. Прозрачность — залог доверия: таск-трекер и документация сделали работу с заказчиком максимально понятной.
4. UX — это баланс: новый дизайн должен быть красивым, но не пугать старых пользователей.
5. Делитесь опытом — передавая заказчику наши практики, мы помогли им заложить фундамент для собственного IT-отдела.

Смотри, что мы еще сделали для швейного гипермаркета «Веллтекс» здесь и здесь

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

Пишите на info@omcode.ru, в чат-бот или звоните +7 (999) 065-83-84.