Корпоративний сайт Techsale ua: каталог спецтехніки та запчастин, запит ціни, адмінка

Робоча модель під ваше ТЗ: усе нижче клікабельне. Товари, ціни й тексти умовні. Кожен розділ зібрано кодом, без конструкторів: каталог і адмінка живуть в одному стані, тому зміни в адмінці одразу видно на сайті.

Перемикайте ширину: сітка каталогу, меню-бургер і картка товару перебудовуються як на справжніх пристроях. Усі кнопки сайту працюють.

Товари: редагуйте прямо в таблиці

Клацніть по назві, ціні чи наявності, зміна зберігається одразу й з'являється в каталозі на вкладці «Сайт». У реальному проєкті це адмінка сайту з ролями «менеджер» і «адміністратор», плюс імпорт прайса з XLSX/CSV (оновлення цін і залишків однією кнопкою).

НазваРозділКатегоріяБрендАртикулЦіна, грнНаявність

Додати товар

З'явиться на сайті миттєво

Тексти сторінок

Головна й контакти оновляться одразу

Запити ціни з сайту

Усе, що відправили через «Запит ціни» на вкладці «Сайт», падає сюди (а в реальному проєкті ще на пошту менеджера й у месенджер/CRM за бажанням).

№КомпаніяКонтактПозиціїКоментарСтатус

Поки запитів немає. Складіть запит на вкладці «Сайт».

Цілі PageSpeed для вашого сайту

93
Телефон
98
Комп'ютер
<1,8 с
LCP першого екрана

Цифри: цілі, які закладаємо в приймання, а не обіцянка «на око». Перевіряємо PageSpeed Insights перед здачею, звіт додаємо до акту.

Що робимо для швидкості

✓
Фото техніки у WEBP/AVIF, кілька розмірів під екран, lazy-load нижче першого екрана. Каталог на 300 позицій не «важить» як 300 фото.
✓
Без важких конструкторів і зайвих плагінів: верстка кодом, один CSS, один JS. Нема 40 сторонніх скриптів, що тягнуть секунди.
✓
Кеш сторінок і CDN для статики; каталог віддається за мілісекунди навіть при піковому трафіку з реклами.
✓
Шрифти з display=swap, критичний CSS інлайном, картинки з заданими розмірами: нема стрибків макета (CLS≈0).
✓
SEO-база: ЧПУ-адреси для категорій і товарів, title/description, schema.org Product/Organization, sitemap, robots, 301 зі старих адрес, якщо сайт уже є.

Мобільна адаптивність

Перемикач «Комп'ютер / Планшет / Телефон» на вкладці «Сайт» показує реальну перебудову: фільтри каталогу згортаються над списком, сітка товарів стає в одну колонку, меню йде в бургер, картка товару складається у стовпчик, кнопка «Запит ціни» лишається під пальцем. Механіки й закупівельники дивляться каталог з телефону на об'єкті, тому мобільна версія тут не «додаток», а основний сценарій.

Карта сайту (за вашим описом проєкту)

Головна

Перший екран для B2B, 7 розділів техніки, 14 категорій запчастин, бренди, переваги, «для кого», швидкий запит ціни.

Техніка та обладнання (7 підрозділів)

Екскаватори-навантажувачі · Екскаватори · Телескопічні навантажувачі · Фронтальні навантажувачі · Бетонні заводи та обладнання · Бульдозери · Вилкові навантажувачі. Фільтри: розділ, бренд, стан, рік, ціна.

Запасні частини (14 категорій)

Фільтри · Двигун · Гідравліка · Паливна система · Ходова частина (мости) · Коробка передач · Гальмівна система · Гідротрансформатор · Електрообладнання · Кабіна · Датчики · Кондиціонер · Ковш · Навісне обладнання. Пошук за артикулом/OEM і моделлю.

Б/у спецтехніка та обладнання

Окремий розділ: та сама база техніки з фільтром «стан: б/у», кожна одиниця з позначкою перевірки сервісом і гарантією на вузли.

Про нас

Напрями компанії: продаж техніки й обладнання, запасні частини, сервісне обслуговування (ТО, ремонт, виїзд). Склад, команда, документи, партнери.

Контакти

Форма запиту ціни для компаній, телефон, мапа, реквізити; запити йдуть менеджеру й у адмінку.

Дні 1–4Структура та головнаПогоджуємо карту сайту за вашим описом (7 розділів техніки, 14 категорій запчастин, б/у), поля карток. Показую головну на тестовому домені.
Дні 5–11Розділи й карткиВерстка каталогів техніки та запчастин, фільтри, пошук за артикулом, картка товару, кошик-запит, сторінки компанії.
Дні 12–16Адмінка й наповненняАдмінка з ролями, імпорт прайса з XLSX/CSV, тестове наповнення 30–50 позицій за вашим прайсом, форми з доставкою на пошту.
Дні 17–20Адаптив, швидкість, здачаПеревірка на телефонах, PageSpeed 90+, SEO-база, перенос на ваш домен, передача доступів і відеоінструкція для менеджера.

Умови

✓
CMS: WordPress — техніка й запчастини як окремі типи записів з фільтрами, редагування без коду, імпорт прайса з XLSX, без щомісячної плати за платформу.
✓
Фірмові кольори та логотип — з вашого брендбуку (у демо умовна палітра).
✓
2 раунди правок у межах погодженої структури включено.
✓
30 днів підтримки після запуску: дрібні правки й питання по адмінці без доплат.
✓
Сайт і адмінка на вашому хостингу й домені, всі доступи ваші. Жодної прив'язки до стороннього конструктора.
✓
Інтеграції далі за бажанням: 1С/BAS-вивантаження прайса, CRM, сповіщення в месенджер про запити, багатомовність (EN/PL) для експорту.