Запрос клиента
Клиент обратился с запросом на обновление сайта, который уже не соответствовал масштабу корпорации и потребностям пользователей.
Старый ресурс имел несколько ключевых проблем:
- устаревший дизайн;
- технически слабая реализация;
- медленный и неудобный каталог;
- отсутствие фильтрации;
- сложная навигация;
- слабая база для SEO-продвижения;
- ограниченные возможности для развития структуры сайта.
Для компании с большим ассортиментом и разными направлениями деятельности этого было недостаточно. Нужно было создать современный сайт для производственной компании, который поможет презентовать корпорацию, показать ассортимент продукции и дать клиентам возможность оформлять заказы онлайн.
Задача
Перед нами стояла задача разработать корпоративный сайт на WordPress с большим каталогом продукции и e-commerce-функционалом.
Необходимо было сохранить и правильно организовать текущий объем данных: около 20 категорий и примерно 250 товаров. При этом сайт должен был стать быстрее, удобнее для пользователей и проще для администрирования.
Основные задачи проекта:
- разработать UX-прототип и дизайн сайта с нуля;
- создать адаптивную версию для разных устройств;
- реализовать многоуровневый каталог продукции;
- добавить фильтрацию для быстрого поиска нужных товаров;
- разработать карточки товаров с характеристиками и дополнительной информацией;
- реализовать корзину и оформление заказа;
- подключить доставку Новой почтой;
- интегрировать оплату через LiqPay;
- создать гибкую административную часть на WordPress;
- реализовать кастомные шаблоны, ACF-поля и собственные типы записей;
- заложить базовые SEO-возможности для дальнейшего продвижения сайта.
Структура сайта
Проект включал большое количество различных типов страниц. Помимо базовых разделов, необходимо было реализовать отдельные страницы для направлений, брендов и продуктовых линеек, часть из которых работает как полноценные лендинги.
В рамках проекта были реализованы:
- главная страница;
- страница о компании;
- каталог продукции;
- страницы категорий;
- карточки товаров;
- блог;
- статьи;
- контакты;
- отдельные страницы направлений;
- посадочные страницы для брендов и промышленных покрытий;
- служебные страницы для оформления заказа.
Основная сложность заключалась не только в количестве страниц, но и в различных сценариях их использования. Часть разделов должна была работать как презентационные страницы, часть — как каталог, часть — как информационные посадочные страницы для отдельных направлений бизнеса.
Каталог продукции
Особое внимание было уделено каталогу. На сайте нужно было удобно представить большой ассортимент лакокрасочной продукции и автохимии, сохранив логику категорий и сделав поиск товаров более простым для пользователя.
Мы реализовали:
- многоуровневую структуру каталога;
- страницы категорий и подкатегорий;
- фильтрацию товаров;
- детальные карточки продукции;
- возможность добавления характеристик;
- удобное управление товарами в административной панели;
- корзину и сценарий оформления заказа.
На первом этапе сайт был реализован как каталог продукции. Далее мы дополнили его e-commerce-функционалом: добавили корзину, оформление заказа, интеграцию с Новой почтой и оплату через LiqPay.
Карточка товара и выбор цвета RAL
Одним из важных решений в проекте стала реализация выбора цветов в карточке товара.
Для лакокрасочной продукции цвет является одним из ключевых параметров выбора, поэтому мы добавили возможность просматривать доступные цвета по системе RAL и выбирать нужный вариант непосредственно на странице продукта.
Это сделало карточку товара более информативной и полезной для клиентов, которые подбирают продукцию под конкретные технические или визуальные требования.
Техническая реализация на WordPress
Для проекта мы использовали WordPress, но адаптировали CMS под сложную структуру бизнеса ZIP. Это была не стандартная сборка с типовыми страницами, а индивидуальная разработка сайта с большим количеством шаблонов, кастомных полей и собственных типов записей.
В технической части реализовали:
- кастомные типы записей для различных сущностей сайта;
- ACF-поля для удобного управления контентом;
- отдельные шаблоны для разных типов страниц;
- гибкие контентные блоки;
- адаптивную верстку;
- оптимизацию скорости работы сайта;
- интеграцию с Новой почтой;
- подключение LiqPay;
- базовую техническую SEO-оптимизацию.
Благодаря такому подходу команда клиента может самостоятельно добавлять товары, редактировать страницы, обновлять контент, создавать новые разделы и работать с большим объемом информации без постоянного привлечения разработчиков.
SEO-база и техническая оптимизация
Полноценная SEO-стратегия не входила в рамки проекта, но в процессе разработки мы заложили техническую основу для дальнейшего продвижения.
На сайте были предусмотрены:
- метаданные для страниц;
- SEO-текстовые блоки;
- возможность внутренней перелинковки;
- микроразметка;
- техническая оптимизация;
- корректная структура страниц;
- возможность создания посадочных страниц под отдельные категории, товары и направления.
Это позволяет развивать сайт не только как корпоративный ресурс, но и как платформу для дальнейшего привлечения органического трафика.
Результат
В результате ZIP получил современный корпоративный сайт с каталогом продукции, который лучше отражает масштаб компании и помогает работать с клиентами онлайн.
Что было реализовано:
- обновлённый дизайн сайта с нуля;
- UX-прототипирование и адаптивная вёрстка;
- каталог примерно из 250 товаров;
- около 20 категорий продукции;
- фильтрация для удобного поиска;
- детальные карточки товаров;
- выбор цветов по системе RAL;
- корзина и оформление заказа;
- интеграция доставки Новой почтой;
- подключение онлайн-оплаты LiqPay;
- кастомные шаблоны страниц;
- ACF-поля и собственные типы записей;
- базовые SEO-возможности;
- техническая оптимизация сайта;
- удобная административная панель для управления контентом.
Новый сайт стал для ZIP не просто обновлением дизайна, а полноценным digital-инструментом для презентации корпорации, демонстрации ассортимента, работы с клиентами и приёма онлайн-заказов.
Вика
Вика
