Про проєкт
vector-cnc.com.ua — це офіційне онлайн-представництво компанії Vector CNC, яка спеціалізується на постачанні, налаштуванні та обслуговуванні високоточного промислового обладнання з ЧПК (верстати, фрезери, лазерні системи).
Початково сайт функціонував на конструкторі Tilda, однак через обмеження платформи щодо швидкодії, гнучкості розширення та залежності від стороннього SaaS-сервісу, було прийнято рішення про міграцію на власний автономний стек.
Головна мета команди SebWeo у цьому проєкті — здійснити повне програмне перенесення ресурсу з Tilda на WordPress, розробити чисту кастомну тему, розширити функціональність та забезпечити максимальну продуктивність без втрати накопиченого SEO-потенціалу.
Розподіл ролей та зон відповідальності
Для забезпечення максимальної ефективності та прозорості робочого процесу, задачі між замовником та розробником були чітко розмежовані:
- Зона відповідальності Замовника:
- Концепція веб-сайту та інформаційна архітектура.
- Структура каталогу продукції та UX-логіка сторінок.
- Формування функціональних вимог та ТЗ.
- SEO-стратегія та створення контентного наповнення.
- Зона відповідальності SebWeo (Технічна реалізація):
- Повна програмна розробка веб-сайту на базі WordPress.
- Розширення стеку, як от додавання функціональності магазину, багатомовності, тощо.
- Технічна реалізація всього заявленого функціоналу.
- Розробка кастомної теми та необхідних розширень/плагінів.
- Перенесення (міграція) верстки, контенту та медіа з Tilda на WordPress.
- Інтеграція необхідних зовнішніх модулів і сервісів.
- Глибоке технічне налаштування CMS, безпеки та систем кешування.
Що було зроблено
- Перенесення з Tilda на WordPress (Clean Code Migration)
Замість «брудного» експорту коду Tilda (який створює гігантську кількість надлишкових стилів та JS-файлів), ми перенесли дизайн та контент на чистому коді:
- Кастомна WordPress-тема: Створено унікальну тему «з нуля» без використання важких конструкторів сторінок (Elementor, Divi тощо).
- Семантичний HTML5 / CSS3: Всю верстку відтворено за допомогою сучасних та легких фреймворків (Flexbox/Grid), що дозволило зменшити підсумкову вагу сторінок у 3-4 рази порівняно з оригіналом на Tilda.
- Програмне відтворення UX-логіки замовника
На основі наданої замовником інформаційної архітектури та структури каталогу:
- Реалізовано зручні картки обладнання ЧПК із виводом технічних характеристик, специфікацій, тощо.
- Впроваджено зручні контактні форми зі сповіщеннями всім учасникам.
- Додано повну функціональність інтернет-магазину.
- Меню та інтерактивні елементи реалізовано на нативному Vanilla JS без застосування важких бібліотек.
- Технічне налаштування CMS та сервісів
- Безпека та автономність: Сайт повністю відокремлено від закритих конструкторів, розгорнуто на незалежному хостингу із налаштуванням захисту від спаму та атак.
- Інтеграція модулів: Підключено та протестовано форми зворотного зв’язку, системи збору лідів та аналітику.
- Підготовка під SEO: Збережено структуру URL-адрес для виключення втрати пошукового трафіку після перенесення з Tilda, реалізовано коректні генерації карту сайту (
sitemap.xml) та.htaccess.
Інтеграції та технологічний стек:
- Платформа: WordPress (кастомне ядро без застарілих/зайвих плагінів).
- Мови та технології:
PHP, VanillaJavaScript(ES6+),HTML5,CSS3. - База даних:
MySQL. - Оптимізація: Нативне ліниве завантаження, мініфікація скриптів, тощо.
Результат
У результаті технічної міграції, виконаної SebWeo, компанія Vector CNC отримала повністю автономний, швидкий та керований вебсайт на WordPress.
Перенесення з Tilda на власну CMS дозволило позбутися щомісячних абонентських плат за конструктор, суттєво прискорило час завантаження сторінок (показники Core Web Vitals вийшли в зелену зону) та надало замовникові повну свободу для подальшого технічного та SEO-масштабування бізнесу.
