Кейс: Перенесення з Tilda на WordPress та технічна розробка вебсайту Vector CNC (vector-cnc.com.ua)

Про проєкт

vector-cnc.com.ua — це офіційне онлайн-представництво компанії Vector CNC, яка спеціалізується на постачанні, налаштуванні та обслуговуванні високоточного промислового обладнання з ЧПК (верстати, фрезери, лазерні системи).

Початково сайт функціонував на конструкторі Tilda, однак через обмеження платформи щодо швидкодії, гнучкості розширення та залежності від стороннього SaaS-сервісу, було прийнято рішення про міграцію на власний автономний стек.

Головна мета команди SebWeo у цьому проєкті — здійснити повне програмне перенесення ресурсу з Tilda на WordPress, розробити чисту кастомну тему, розширити функціональність та забезпечити максимальну продуктивність без втрати накопиченого SEO-потенціалу.

Розподіл ролей та зон відповідальності

Для забезпечення максимальної ефективності та прозорості робочого процесу, задачі між замовником та розробником були чітко розмежовані:

• Зона відповідальності Замовника:
  • Концепція веб-сайту та інформаційна архітектура.
  • Структура каталогу продукції та UX-логіка сторінок.
  • Формування функціональних вимог та ТЗ.
  • SEO-стратегія та створення контентного наповнення.
• Зона відповідальності SebWeo (Технічна реалізація):
  • Повна програмна розробка веб-сайту на базі WordPress.
  • Розширення стеку, як от додавання функціональності магазину, багатомовності, тощо.
  • Технічна реалізація всього заявленого функціоналу.
  • Розробка кастомної теми та необхідних розширень/плагінів.
  • Перенесення (міграція) верстки, контенту та медіа з Tilda на WordPress.
  • Інтеграція необхідних зовнішніх модулів і сервісів.
  • Глибоке технічне налаштування CMS, безпеки та систем кешування.

Що було зроблено

1. Перенесення з Tilda на WordPress (Clean Code Migration)

Замість «брудного» експорту коду Tilda (який створює гігантську кількість надлишкових стилів та JS-файлів), ми перенесли дизайн та контент на чистому коді:

• Кастомна WordPress-тема: Створено унікальну тему «з нуля» без використання важких конструкторів сторінок (Elementor, Divi тощо).
• Семантичний HTML5 / CSS3: Всю верстку відтворено за допомогою сучасних та легких фреймворків (Flexbox/Grid), що дозволило зменшити підсумкову вагу сторінок у 3-4 рази порівняно з оригіналом на Tilda.

2. Програмне відтворення UX-логіки замовника

На основі наданої замовником інформаційної архітектури та структури каталогу:

• Реалізовано зручні картки обладнання ЧПК із виводом технічних характеристик, специфікацій, тощо.
• Впроваджено зручні контактні форми зі сповіщеннями всім учасникам.
• Додано повну функціональність інтернет-магазину.
• Меню та інтерактивні елементи реалізовано на нативному Vanilla JS без застосування важких бібліотек.

3. Технічне налаштування CMS та сервісів

• Безпека та автономність: Сайт повністю відокремлено від закритих конструкторів, розгорнуто на незалежному хостингу із налаштуванням захисту від спаму та атак.
• Інтеграція модулів: Підключено та протестовано форми зворотного зв’язку, системи збору лідів та аналітику.
• Підготовка під SEO: Збережено структуру URL-адрес для виключення втрати пошукового трафіку після перенесення з Tilda, реалізовано коректні генерації карту сайту (sitemap.xml) та .htaccess.

Інтеграції та технологічний стек:

• Платформа: WordPress (кастомне ядро без застарілих/зайвих плагінів).
• Мови та технології: PHP, Vanilla JavaScript (ES6+), HTML5, CSS3.
• База даних: MySQL.
• Оптимізація: Нативне ліниве завантаження, мініфікація скриптів, тощо.

Результат

У результаті технічної міграції, виконаної SebWeo, компанія Vector CNC отримала повністю автономний, швидкий та керований вебсайт на WordPress.

Перенесення з Tilda на власну CMS дозволило позбутися щомісячних абонентських плат за конструктор, суттєво прискорило час завантаження сторінок (показники Core Web Vitals вийшли в зелену зону) та надало замовникові повну свободу для подальшого технічного та SEO-масштабування бізнесу.