Корпоративный сайт · WordPress · 2026

ЭКСПОСТАР — сайт-каталог поставщика электротехнической стали

Сайт-каталог без корзины для поставщика материалов электротехнического производства: дизайн главной в Figma, вёрстка, собственная тема WordPress UA/EN, таблицы марок стали, документы с фильтром и формы запроса.

WordPress

Хочу такой же проект Открыть сайт

ЭКСПОСТАР (expostartrade.com.ua) — киевская компания, которая поставляет материалы для производителей электродвигателей и трансформаторов: электротехническую и трансформаторную сталь, алюминиевый прокат, провода и кабели и магнитопроводы по чертежам заказчика. На домене стоял недоделанный черновик на Elementor, и заказчице был нужен сайт-каталог без корзины и цен, чтобы показать компанию и быстро получать запросы. Мы нарисовали главную в Figma, сверстали все страницы, написали собственную тему WordPress на украинском и английском и запустили сайт на хостинге заказчицы.

Технический стек

WordPress с собственной темой без Elementor и без ACF: тексты, фото, характеристики и документы заказчица меняет сама через наш движок полей. Товары и документы — отдельные типы записей с группами по направлениям. Языки — Polylang (украинский без префикса, английский по адресу /en/), формы запроса — Contact Form 7 отдельно для каждого языка, SEO — Yoast. Вёрстка без jQuery и сторонних слайдеров, шрифт Geologica подключён локально.

Главная expostartrade.com.ua — «Материалы для современного электротехнического производства» — Первый экран: рулоны стали в цеху, заголовок, кнопки «Посмотреть продукцию» и «Отправить запрос» и четыре факта о компании.

Дизайн главной

Заказчица пришла с ориентиром, сгенерированным в ChatGPT. Мы сделали из него макет главной в Figma со сдержанной промышленной палитрой: тёмно-синий, светло-серый и оранжевый акцент, тонкий шрифт в заголовках и оранжевая черта над каждым заголовком секции. После согласования сверстали главную с точностью ±2 px, а внутренние страницы сразу делали в коде в том же стиле.

Блок «Направления поставок» — пять карточек — «Направления поставок»: пять карточек с фото, описанием и ссылкой на страницу направления.

Баннер «Точность в каждой поставке» со стандартами — «Точность в каждой поставке»: стандарты EN и допуск, с которыми работает компания.

Блок «От запроса до поставки» — Четыре этапа от запроса до поставки и блок документов.

Форма «Обсудим вашу задачу» — Форма запроса внизу главной.

Страницы направлений

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

Страница «Электротехническая сталь» — «Электротехническая сталь»: изотропная и анизотропная сталь по EN 10303, EN 10106 и EN 10107.

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

Блок «Сферы применения» — Сферы применения: БПЛА, промышленные двигатели, генераторы, трансформаторы.

Страница «Алюминиевый прокат» — «Алюминиевый прокат»: прутки, трубы, профили, листы.

Страница «Провода и кабели» — «Провода и кабели».

Страница «Магнитопроводы под ваш проект» — «Магнитопроводы»: ШЛ, ПЛ, ОЛ по чертежам заказчика с ключевыми параметрами.

Документы и контакты

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

Страница «Сертификаты и документы» — «Сертификаты и документы» с фильтром по направлениям.

Страница «Контакты» с картой — Контакты с картой.

Английская версия главной EXPOSTAR — Английская версия сайта.

Запуск

Сайт мы собрали на своём тестовом сервере, провели несколько кругов правок заказчицы по её документам, а затем запустили на её хостинге и домене. Для отправки заявок создали ящик на домене компании, и тестовые письма с форм пришли во «Входящие».

Мобильная версия

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

Итог

На нас дизайн главной в Figma, вёрстка всех страниц, собственная тема WordPress с каталогом и документами, украинская и английская версии, формы запроса, настройка почты для заявок и запуск на хостинге заказчицы.