Кейс · Производство обуви · Санкт-Петербург
ranger-shop.ruКейсы № 002 / 2025
Кейс · Saint-Petersburg
Интернет-магазин для обувного бренда RANGER
Кожаная обувь с металлом для тех, кому нужен характер и защита.
Сделали редизайн и перенесли старый PHP-магазин на WordPress — теперь команда Ranger ведёт каталог сама.
01 / О клиенте
Тяжёлые ботинки, которых почти никто не шьёт
Ranger — петербургский производитель кожаной обуви с 30-летней историей. Делают тяжёлые ботинки ручной работы с металлическими вставками — такую обувь в России почти никто больше не шьёт.
Главная аудитория — рокеры и люди рабочих профессий: первые носят за характер, вторые — потому что нога должна быть защищена. Готовые модели и индивидуальные заказы.
02 / Задача
Старый PHP → новый WordPress
— До
БЫЛО
- ✕Самописный PHP с пыльных времён
- ✕Каждый новый товар через программиста
- ✕Морально устаревший дизайн
- ✕Нельзя самим менять контент
+ После
СТАЛО
- ✓WordPress + WooCommerce
- ✓Клиент сам ведёт каталог
- ✓Минималистичный фирменный дизайн
- ✓Конструктор атрибутов в карточке
03 / Главная
Категории, хиты, новости, заявка
Сверху сайта — фирменная бегущая строка о 30 годах производства. Дальше — категории, популярные модели, блок новостей и форма заявки для индивидуальных заказов.
04 / Сет-лист работ
Что пошло в дело
Пять параллельных треков, каждый сольный, но звучит как один альбом.
- 012 недели
ДИЗАЙН В FIGMA
Минималистичный UX, чёрно-белая основа, бордовые акценты из логотипа на кнопках и бегущей строке.
- 024 недели
РАЗРАБОТКА НА WORDPRESS
Каталог, карточки, корзина, личный кабинет, формы. Всё управляется из стандартной админки.
- 033 дня
ПАРСИНГ СТАРОГО PHP
Скрипт вытащил весь каталог со старого сайта — товары, описания, фото, атрибуты — и залил в WooCommerce.
- 041 неделя
КОНСТРУКТОР АТРИБУТОВ
Расширенные атрибуты: материал, цвет, фурнитура, размер. Клиент собирает обувь как мини-конструктор.
- 051 неделя
КАТАЛОГ С ФИЛЬТРАМИ
Фильтры по категориям и цене, блок похожих моделей, таблица размеров на каждой карточке и в подвале.
05 / Каталог
Фильтры — без шума и перегрузки
Только то, что реально нужно для выбора: категория и цена. Никаких 20 тегов, в которых клиент тонет в первые 3 секунды.
06 / Карточка товара
Собери ботинок под себя
Каждая модель — это набор атрибутов. Клиент выбирает материал, фурнитуру, цвет, размер — и получает свою комплектацию прямо на карточке товара.
- ✕Похожие модели внизу карточки
- ✕Таблица размеров на каждой странице товара
- ✕Связанные изделия и кросс-навигация
ХАРАКТЕР
+ ЗАЩИТА
Эта обувь не для всех. Её носят те, кто знает чего хочет — от байкера до сварщика. Магазин говорит на их языке.
07 / Сайт целиком
Единая подача от первого до последнего экрана
Каталог, карточки, корзина, личный кабинет, доставка, оплата, возврат, таблица размеров — десятки страниц держатся в одной системе.
08 / Инструменты
Что использовали
- WordPressПлатформа CMS
- WooCommerceДвижок магазина
- Кастомная темаБез шаблонов
- Парсер PHP-каталогаСкрипт миграции
- Конструктор атрибутовДоп. варианты в карточке
- FigmaДизайн-система
- Фильтры каталогаКатегория + цена
- Личный кабинетИстория заказов
09 / Результат
Магазин, которым клиент управляет сам
100%
Каталог ведёт сам клиент
0
Заявок к разработчику на правки
∞
Атрибутов и моделей можно добавить
WP
Стандартная админка WordPress
Другие кейсы
Все кейсы →
Следующий звонок ваш
У вас тоже есть своё производство?
Перенесём со старой платформы, спроектируем каталог под вашу продукцию и сделаем так, чтобы команда вела всё сама.
Расскажите о вашем магазине
Старая платформа, ручная работа в админке, нужен редизайн — ответим в течение часа.
