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

О компании

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

Задачи

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

Сложности

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

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

Решение

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

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

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

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

1. Брифинг с заказчиком: создание древа сайта, определение дизайн-концепции и функциональности нового ресурса.
2. Анализ зарубежных компаний, которые создают тренд на рынке сервис-провайдеров.
3. Выбор инструментов для достижения поставленных задач, которые могли бы решить проблему быстродействия.
4. Согласование дизайна.
5. Демонстрация промежуточных результатов в конце каждого спринта.

Реализация

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

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

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

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

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

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

Итоги

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

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

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