Перенесення складної візуальної верстки та мультимовність для сайту

- Ніша: GPS-моніторинг, контроль транспорту, телематика. - Платформа: Переїзд із SimplaCMS на OpenCart. Запит клієнта: Перенести сторінки категорій зі складною структурою (іконки, графіки, порівняльні таблиці) на новий рушій так, щоб візуал не "поїхав", та автоматично додати українську й англійську версії

Всі кейси

Було / Зробили / Стало

Було
Описи послуг та категорій на старому сайті складалися зі складної HTML-верстки. При стандартному експорті баз даних вся ця краса ламалася, картинки губилися, а таблиці перетворювалися на суцільну "стіну тексту". Плюс сайт був лише однією мовою, а ручний переклад і переверстування кожної сторінки зайняли б тижні роботи контент-менеджера та верстальника
Зробили
Розробили скрипт, який "витягнув" зі старого сайту не просто текст, а цілі блоки коду (HTML/CSS), обережно переклав їх через ШІ та адаптував під нову платформу
Стало
Всі категорії на новому OpenCart виглядають так само структуровано. Кожна іконка, колонка та інфографіка на своєму місці, верстка ідеально збережена, а сайт відразу отримав три повноцінні мовні версії

Результати

  • Збереження дизайну на 100%: Всі специфічні блоки (таблиці переваг, показники досвіду, списки датчиків) перенеслися без втрати візуального вигляду
  • Колосальна економія часу: Звільнили тижні ручної роботи верстальника та тисячі гривень на послуги бюро перекладів
  • Готовність до SEO: Отримали повноцінні українську та англійську версії сторінок із правильними тегами, готові до індексації в Google

Що впровадили

  • Парсинг складної структури: Налаштували експорт так, щоб забирати "сирий" HTML-код зі старого SimplaCMS разом із прив'язками до стилів та картинок, а не просто "голий" текст
  • Хірургічний ШІ-переклад: Використали ШІ для створення мультимовності (UA, EN). Головна фішка: ми дали нейромережі жорстку команду перекладати виключно текстові вузли, не ламаючи при цьому теги таблиць, класи іконок та структуру колонок
  • Мапінг зображень: Скрипт автоматично переніс і переприв'язав усі специфічні картинки (іконки трекерів, датчики пального, логотипи) до нових папок на сервері OpenCart, щоб жодне зображення не відображалося як "бите"

Головною проблемою таких переїздів завжди є “зламана” верстка. Коли на сторінці багато інфографіки та колонок, стандартні модулі міграції просто знищують дизайн. Наш пайплайн дозволив не лише зберегти кожен піксель старої структури, але й прогнати цей складний код через ШІ-перекладач так акуратно, що жоден HTML-тег не постраждав

Всі кейси