КЕЙС: Оптимизация, переработка проекта для сайта по продаже онлайн гидов по Испании TRAWWWELL

Работу мы начали с технического фундамента. Сайт был обновлен до актуальной версии WordPress, после чего была проведена полная ревизия плагинов. Лишние плагины, дублирующие функциональность или создающие дополнительную нагрузку, были удалены, оставшиеся — обновлены и проверены на совместимость. Это позволило снизить количество конфликтов, уменьшить нагрузку на сервер и стабилизировать работу сайта.

На следующем этапе мы выполнили комплексную оптимизацию производительности и технического состояния сайта. В первую очередь была проведена актуализация ядра WordPress — система обновлена до стабильной версии с последующей проверкой совместимости используемых компонентов. Параллельно выполнена ревизия установленных плагинов: неиспользуемые и дублирующие функционал решения были удалены, оставшиеся плагины обновлены и протестированы на корректную работу.

Для снижения нагрузки на фронтенд была проведена оптимизация медиаконтента. Все изображения на сайте конвертированы в формат WebP, что позволило существенно сократить их размер без потери визуального качества. Дополнительно была внедрена ленивая загрузка изображений (lazy load), благодаря чему медиаконтент подгружается только в момент появления в зоне видимости пользователя, что положительно сказалось на скорости первичной отрисовки страниц (LCP), особенно на мобильных устройствах.

Также была выполнена оптимизация клиентской части. Мы сократили количество подключаемых JavaScript-скриптов и CSS-файлов, удалили неиспользуемые библиотеки и зависимости, оптимизировали стили и исключили лишние шрифты, которые ранее подключались глобально, но не применялись в интерфейсе. Это позволило уменьшить объём передаваемых данных и сократить время блокировки рендеринга.

Отдельно была проведена чистка базы данных: удалены устаревшие ревизии записей, временные данные, служебные записи и остаточные таблицы от удалённых плагинов. Это снизило нагрузку на базу данных и ускорило выполнение запросов.

Дополнительно был подключён CDN для раздачи статических ресурсов (изображения, стили, скрипты), что позволило снизить время ответа сервера и обеспечить более быструю загрузку контента для пользователей из разных регионов.

В совокупности выполненные работы привели к снижению общего веса страниц, улучшению показателей загрузки и стабильности сайта, а также создали более надёжный фундамент для дальнейшего масштабирования проекта.

Отдельным этапом стала работа с базой данных. Мы удалили накопившиеся ревизии, временные записи, мусорные таблицы, оставшиеся после плагинов, и привели структуру базы в порядок. После завершения оптимизации сайт был перенесён на хостинг GoDaddy, где дополнительно проверили корректность работы оплат, загрузку цифровых файлов и стабильность сайта под нагрузкой.

Следующим и самым объёмным этапом стала переработка логики контента и структуры страниц. Главная страница была полностью пересобрана с нуля. В исходной реализации она не доносила ценность продукта, не формировала понятный пользовательский сценарий и не вела к целевому действию. Новая версия проектировалась на основе user flow: посетитель, попадая на сайт, с первого экрана получает чёткое понимание продукта — готовые цифровые маршруты по городам Испании — и сразу может выбрать нужное направление.

С технической точки зрения главная страница была переведена на полностью динамическую структуру. Все ключевые блоки, тексты, изображения и товарные данные подтягиваются из админ-панели WordPress и WooCommerce, без статической вёрстки. Это позволило отказаться от ручного дублирования контента и упростило дальнейшее масштабирование проекта.

Контент главной страницы был выстроен в виде независимых смысловых блоков, каждый из которых решает конкретную задачу и управляется из админки. Был реализован блок с шестью причинами, почему путешествовать с гайдом проще. Тексты были переписаны с фокусом на пользовательские выгоды — экономию времени, структурированную навигацию в формате PDF, рекомендации от местных жителей, планирование маршрутов по районам и гибкость под разный бюджет. Этот блок стал ключевым элементом, формирующим доверие и объясняющим ценность продукта.

Далее был реализован блок, ориентированный на разные типы путешественников. Семьи, пары, компании друзей, гастротуристы, блогеры и пользователи, путешествующие впервые, могли легко идентифицировать себя и понять, что продукт адаптирован под их сценарий. Структура блока была реализована с учётом адаптивности и масштабируемости, без жёсткой привязки к количеству элементов.

Отдельно был проработан акцентный блок с предложением индивидуального тура. Он визуально и структурно отделён от основного контента и предлагает альтернативный сценарий взаимодействия — заказ персонального маршрута с прямым контактом с командой проекта. Этот блок был реализован как самостоятельная конверсионная точка.

В нижней части главной страницы был реализован динамический вывод популярных гидов — топ-5 товаров, которые формируются автоматически на основе данных WooCommerce (успешные покупки), а не задаются вручную. Это решение обеспечивает актуальность контента и исключает необходимость ручного обновления списка.

Отдельное внимание было уделено мультиязычности. Сайт работает в трёх языковых версиях (русская, английская, испанская), реализованных с использованием WPML. Все текстовые блоки, товары, интерфейсные элементы и динамические данные корректно синхронизируются между языками, переводы управляются централизованно и не нарушают структуру вёрстки.

Вся верстка выполнена с использованием современных подходов (flexbox / grid), с учётом адаптивности и кроссбраузерности. Страница корректно отображается в актуальных версиях Chrome, Safari, Firefox и Edge, а также на мобильных устройствах. Структура кода и разметка позволяют без проблем добавлять новые города, продукты и языковые версии без переработки существующих страниц.

Параллельно была полностью переработана карточка тура / гида. Вместо набора статических блоков, сверстанных вручную, была реализована структурированная продуктовая страница, построенная вокруг логики WooCommerce и сценария покупки цифрового продукта. Карточка была приведена к единой архитектуре, где все ключевые данные управляются из админ-панели и не зависят от ручной верстки.

С первого экрана пользователь получает всю критически важную информацию о продукте: название гида, визуальную обложку, оформленную в виде мокапа мобильного устройства, формат продукта (PDF), объём, доступные языковые версии и механику получения файла после успешной оплаты. Цена и кнопка покупки зафиксированы в зоне видимости и корректно работают во всех языковых версиях, что напрямую влияет на конверсию и снижает количество отказов.

Вся внутренняя структура карточки была выстроена последовательно и логично. Контент формируется динамически на основе данных WooCommerce и кастомных полей ACF. Для гида используются отдельные группы ACF-полей, через которые управляются:

• карта маршрута (интерактивное или графическое представление);
  
• поясняющий текст к карте;
  
• список разделов и содержимого гида;
  
• документы и дополнительные материалы, доступные после покупки;
  
• инструкции по использованию путеводителя.
  

Это позволило вынести весь контент из вёрстки и обеспечить гибкость при добавлении новых гидов или изменении структуры существующих.

Отдельно была проработана логика мультиязычности. Все ACF-поля, тексты, описания и интерфейсные элементы синхронизированы между языковыми версиями с использованием WPML. Переводы управляются централизованно, при этом структура карточки и порядок блоков остаются неизменными, что исключает расхождения между языками и проблемы с отображением контента.

Карточка полностью адаптивна и корректно отображается на всех типах устройств. Верстка построена с учётом современных стандартов, а структура шаблона позволяет без доработок масштабировать проект: добавлять новые города, новые типы гидов, дополнительные языки и расширять функциональность карточки без переписывания логики страницы.

Отдельное внимание было уделено странице оформления заказа. Мы устранили дублирование способа оплаты «Оплата картой» во всех языковых версиях, исправили верстку, из-за которой маркетинговый блок перекрывал кнопку PayPal, и привели страницу в корректное рабочее состояние. Дополнительно были реализованы маркетинговые изменения: добавлен фиксированный баннер со скидкой над хедером, корректно внедрена временная скидка 50% на все товары с отображением зачёркнутых цен и последующим аккуратным возвратом старых цен без нарушения логики страниц.