Корпоративный интернет-магазин автозапчастей на кастомной WordPress-теме с интеграцией WooCommerce и ACF Pro

<h3>Задача</h3>
<p>Сверстать 3 ключевые страницы интернет-магазина автозапчастей по макету из Figma и натянуть их на полностью кастомную WordPress-тему с возможностью редактирования контента через админку.</p>

<h3>Что было «особенного» в этом проекте</h3>
<ul>
    <li>Дизайнер нарисовал макет без единой привязки к какой-либо сетке — произвольные отступы, не кратные 4/8/12 px, нестандартные карточки товаров.</li>
    <li>Требование сохранить пиксель-перфект даже при таких «свободных» отступах.</li>
    <li>Нужно было реализовать множественную фильтрацию с чекбоксами на десктопе и удобным попап-фильтром на мобильных.</li>
    <li>Срок — максимально сжатый, заказчик торопил.</li>
</ul>

<h3>Как я решил задачу</h3>
<ul>
    <li>Взял Bootstrap 5 как базовую сетку, но полностью переопределил контейнеры, отступы и ширину колонок под макет дизайнера — получил идеальный пиксель-перфект без компромиссов.</li>
    <li>Сборка на Gulp 4: автопрефиксы, минификация CSS/JS, оптимизация всех изображений через imagemin, сборка SVG-спрайтов.</li>
    <li>Разработал кастомную тему WordPress с нуля (без стартер-тем типа Underscores).</li>
    <li>Все контентные блоки вынес в гибкие поля ACF Pro — заказчик может менять тексты, картинки, цены, характеристики без единой строчки кода.</li>
    <li>Подключил и настроил WooCommerce: карточки товаров, фильтры, корзина — всё работает из коробки.</li>
    <li>Чекбоксы на десктопе + красивый попап-фильтр на мобильных с кнопкой «Применить» — реализовано именно так, как просил дизайнер в итоге.</li>
</ul>

<h3>Результат</h3>
<p>Полностью рабочий сайт на WordPress с кастомной темой, готовый к наполнению товарами. Всё сделано за 5 дней вместо стандартных 12–14.</p>
<p>Заказчик по своим внутренним причинам отказался от продолжения сотрудничества и отменил заказ на этапе 100% готовности. Я предложил выкупить готовые наработки — получили отказ. Работа осталась у меня как демонстрация скорости и качества.</p>