Корпоративний сайт · 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 з каталогом і документами, українська й англійська версії, форми запиту, налаштування пошти для заявок і запуск на хостингу замовниці.