Интернет-магазин SFERANGS

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

Мы начали проект не с редизайна, а с технического аудита существующей системы. Зафиксировали проблемы прежней реализации, после чего разработали новый интернет-магазин на WordPress + WooCommerce по дизайну стороннего подрядчика, настроили необходимую инфраструктуру для продаж и передали управление магазином команде заказчика.

Технический аудит и разработка интернет-магазина.

Со своей стороны отвечали за:

• аудит прежней CMS и технического состояния сайта;
• формирование технической позиции по дальнейшей судьбе существующего решения;
• frontend-разработку по готовому дизайну стороннего подрядчика;
• разработку нового магазина на WordPress + WooCommerce;
• настройку CMS, модулей и интеграций;
• восстановление полноценного сценария онлайн-продаж;
• передачу системы и обучение заказчика самостоятельной работе с магазином.

• Разобраться в устройстве существующего интернет-магазина и определить, имеет ли смысл продолжать его развитие.
• Устранить зависимость заказчика от технически непрозрачной системы и сторонних подрядчиков.
• Перезапустить интернет-магазин на распространённой и управляемой CMS.
• Реализовать новый визуальный образ компании на основе предоставленного дизайна.
• Настроить техническую инфраструктуру, необходимую для работы сайта как полноценного канала продаж.
• Сделать так, чтобы после запуска заказчик мог самостоятельно управлять каталогом и контентом без постоянного обращения к разработчикам.

Бизнес-цели

Вернуть сайту функцию канала продаж

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

Новая версия должна была не просто презентовать продукцию, а обеспечивать рабочий e-commerce-сценарий.

Снизить операционную зависимость от подрядчиков

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

Задача состояла в том, чтобы вернуть контроль над интернет-магазином самому заказчику.

Привести цифровой образ компании в соответствие продукту

Старый сайт визуально оставался в эстетике 2010-х и плохо соответствовал позиционированию косметического бренда.

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

Бизнес-проблемы

Интернет-магазин нельзя было нормально администрировать

Архитектура и CMS прежнего решения существенно усложняли управление сайтом. Вместо самостоятельного изменения контента заказчик фактически зависел от технических подрядчиков.

Критическая часть воронки продаж не работала

На существующем сайте был неисправен модуль оплаты.

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

В production оставалось чужое legacy

Внутри сайта обнаружились материалы от других проектов предыдущих владельцев системы — вплоть до тематики мобильных телефонов и строительства каркасных домов.

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

Сайт снижал доверие к компании

Устаревший интерфейс, ошибки в публичном контенте и посторонние элементы создавали несоответствие между продуктом и его цифровой презентацией.

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

Проблемы пользователя

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

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

Одновременно сотрудники компании не могли нормально управлять каталогом и контентом через CMS.

Таким образом, предыдущая реализация создавала проблемы сразу для двух групп пользователей: покупателей магазина и команды самого бизнеса.

1. Начали с технического аудита

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

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

2. Отказались от проблемного наследия

Вместо дальнейшего наращивания технического долга магазин перенесли на WordPress с WooCommerce.

Это позволило использовать распространённую e-commerce-платформу вместо закрытой и неудобной для заказчика реализации.

3. Реализовали новый интерфейс

Дизайн был разработан сторонним подрядчиком. Наша задача заключалась в его технической реализации и интеграции с логикой интернет-магазина.

Это важно для корректного распределения ответственности в проекте: визуальную концепцию мы не присваиваем себе, но отвечали за превращение макетов в работающий e-commerce-продукт.

4. Настроили WordPress и WooCommerce

Собрали необходимую конфигурацию CMS, подключили модули и интеграции, необходимые для работы магазина как коммерческого продукта.

Основная задача была не в количестве установленных компонентов, а в восстановлении нормального операционного контура:

каталог → выбор товара → оформление заказа → оплата.

5. Передали управление бизнесу

После запуска заказчика обучили работе с новой системой.

Команда получила возможность самостоятельно управлять интернет-магазином и его контентом без прежнего уровня зависимости от разработчиков.

01 — Аудит

Исследовали прежний интернет-магазин, CMS и накопившиеся проблемы.

02 — Техническое заключение

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

03 — Новая платформа

Развернули интернет-магазин на WordPress + WooCommerce.

04 — Разработка интерфейса

Реализовали предоставленный сторонним дизайнером UI в работающем магазине.

05 — E-commerce

Настроили CMS, необходимые модули и интеграции для полноценного сценария заказа.

06 — Передача

Обучили заказчика работе с системой и передали управление магазином его команде.

Интернет-магазин снова стал рабочим каналом продаж

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

Заказчик получил контроль над собственной системой

Контент и интернет-магазин стало возможно администрировать самостоятельно через WordPress.

Это снизило зависимость бизнеса от технического подрядчика в повседневных операциях.

Убрали legacy предыдущей разработки

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

Обновили цифровую презентацию бренда

Новый интерфейс сменил визуально устаревшую версию сайта и позволил представить компанию в актуальной для рынка косметики стилистике.

Получили быстрый и управляемый магазин

Итогом проекта стал интернет-магазин на стандартном технологическом стеке WordPress + WooCommerce, которым заказчик мог управлять самостоятельно.

Технологии

WordPress WooCommerce Figma E-commerce integrations

Вывод

Главная ценность проекта была не в смене CMS или обновлении внешнего вида.

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

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

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