Разработка сайта сервис-провайдера Serverspace

1. Вводная задача от заказчика, проблематика, цели

О компании

Serverspace — международный онлайн-сервис аренды облачной ИТ-инфраструктуры. Компания предоставляет решения для конфигурации и развертывания виртуальных серверов, настройки сетевых схем, заказа SSL-сертификатов, управления мониторингом и доменными зонами.

Задачи

• Разработать мультиязычный сайт облачного сервис-провайдера для продвижения на зарубежных рынках.
• Сайт должен соответствовать современным техническим требованиям для высоких позиций в поисковой выдаче.
• Оптимизировать CMS, чтобы упростить работу контент-менеджера и ускорить выход новых страниц.

Сложности

Serverspace работает преимущественно в B2C, поэтому сайт — главный инструмент продаж. Он должен содержать удобную систему расчёта стоимости услуг, чтобы пользователь понимал, какая конфигурация (например, VPS) будет для него выгоднее. Создать такую функциональность обычной вёрсткой — значит сильно замедлить работу сайта.

Вторая трудность — мультиязычность. Нужно было сделать SEO и контент-маркетинг на зарубежных рынках максимально эффективными.

2. Описание реализации кейса и творческого пути по поиску оптимального решения

Решение

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

Минималистичный дизайн ориентировали на актуальность в ближайшие несколько лет и на рост конверсии страниц с услугами.

С технической стороны ключевым стал MVC-подход и разработка собственного фреймворка поверх WordPress.

Порядок работ

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

Реализация

Serverspace — это 7 сайтов на 4 серверах, которые находятся в Европе, Америке, Беларуси и России. На сайтах используются русский, английский и турецкий языки. Все ресурсы обслуживаются единой кодовой базой. Для этого мы написали собственный MVC-фреймворк, который работает поверх WordPress.

В практические задачи фреймворка входят:

• Внедрение MVC-подхода для сайта на WordPress.
• Синхронизация, экспорт и импорт информационных материалов между сайтами сети.
• Обеспечение мультиязычности всей системы сайтов.
• Оперативный вывод новых локальных сайтов в продакшн.
• Отслеживание пользовательской активности на сайтах.
• Кеширование страниц и отдельных блоков через Redis.

MVC-подход сокращает время разработки новых функций, упрощает тестирование и снижает количество ошибок в продакшене. Сущности WordPress преобразуются в модели с типизированными свойствами, бизнес-логика сосредоточена в контроллерах, а шаблоны страниц и блоков реализованы через TWIG-темплейты. Благодаря этому можно создать множество вариантов одной страницы — с разным дизайном и набором блоков — для A/B-тестов, проверки гипотез или рекламы. И всё это будет обслуживаться одним контроллером, без доработки логики.

На серверной стороне использовали PHP 7.4 и кеширование через Redis для максимального ускорения бэкенда. Среднее время генерации страниц — 50 миллисекунд.

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

3. Результаты сотрудничества

Итоги

Сайт запустили в продакшен после 12 спринтов (3 месяца) сразу для пяти регионов: США, Евросоюз, Россия, Казахстан, Беларусь. Версии для Индонезии и Турции вышли позже — вместе с открытием представительств компании в этих странах.

По данным Google PageSpeed Insights, быстродействие главной страницы — 87 баллов из 100 для десктопов и 77 для мобильных устройств. Отличный показатель с учётом реализованной функциональности.

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