Сайт импортера по макету заказчика
Макет заказчика из Figma собран в свою тему WordPress: 202 страницы, 68 товаров, 35 единиц оборудования, кейсы, новости, 5 форм и поиск. Главная весит 0,8 МБ.
Задача
У компании по импорту из Китая был готовый макет в Figma. Нужно было собрать по нему сайт с каталогами товаров и оборудования, кейсами и новостями, не потеряв дизайн и скорость.
Макет от дизайнера заказчика — частая ситуация для агентств и компаний со своим дизайнером. Наша часть здесь — верстка и сборка: повторить макет пиксель в пиксель, сделать его редактируемым в WordPress и легким.
Решение
Своя тема по макету
Тема WordPress написана под макет из Figma без Elementor: сетки, типографика Inter и Geometria, анимации и формы как в дизайне.
Свои типы записей
Товары, оборудование, кейсы и новости со своими рубриками: 68 товаров и 35 единиц оборудования в 33 рубриках, 4 кейса.
Структура
Импорт под ключ, оборудование, товары, торговым сетям, услуги, кейсы, статьи и о компании: 202 адреса в sitemap.
Формы и поиск
5 форм под разные запросы, поиск по сайту и скачивание договора поставки с главной.
Скорость
Главная весит 0,8 МБ при 72 изображениях и 41 запросе.
Разметка
JSON‑LD Organization, LocalBusiness и WebSite.
Результат
202
страницы
68 + 35
товаров и единиц оборудования
0,8 МБ
вес главной
Заказчик получил сайт точно по своему макету, который редактируется в WordPress и открывается быстро, а дизайнер — верстку без компромиссов.
Палитра
Нажмите на цвет, чтобы скопировать HEX
Технологии
WordPress
PHP
MySQL
JavaScript
FigmaПод NDA: каталоги на 3 055 и 12 641 позицию для трубопроводной арматуры и калибров, мега‑меню по типам и Ду, калькулятор срока и стоимости, формы «ТЗ на просчет». WordPress и WooCommerce.
Смотреть кейс
Расскажите
о задаче
Оставьте телефон, email или мессенджер —
свяжемся в течение рабочего дня и предложим решение.