Пересборка сайта ведущего российского брендингового агентства

Работы на условиях пустой этикетки выполнялись для одного из ведущих российских брендинговых агентств.

Пересборка сайта ведущего российского брендингового агентства

Задача

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

Пересборка сайта ведущего российского брендингового агентства

Анализ и поиск решения

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

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

Пересборка сайта ведущего российского брендингового агентства

Планирование и этапы работ

Реализация была разбита на этапы: замена бэкенда, первичное тестирование, конвертация иллюстраций и видео, замена иллюстраций и видео, вторичное тестирование, багрекинг, финальное тестирование.

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

Пересборка сайта ведущего российского брендингового агентства

Реализация: бэкенд

После формирования среды разработки под Gitflow были запущены взаимосвязанные рабочая и демонстрационные версии проекта. Мы разработали новый бэкенд, переходя с Symfony на актуальную версию Laravel. Существующая структура данных сохранялась.

Панель администрирования была заменена на Nova от разработчиков Laravel, одно из лучших решений в своём сегменте.

Пересборка сайта ведущего российского брендингового агентства

Реализация: контент

Неотъемлемой часть работ по ускорению веб-сайтов и сервисов является оптимизация медиаконтента: изображений и видео. Для этих задач мы применяем профессиональное программное обеспечение, которое позволяет добиться максимальной экономии размера файлов изображений при полной идентичности внешнего вида. Уменьшение объёма файла в WebP по сравнению с JPG может достигать десятикратного значения. Видеоролики конвертировались в формат Mp4.

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

Пересборка сайта ведущего российского брендингового агентства

Качество результата

В результате проведённых работ значения PageSpeed увеличились до значений 72-75 для главной страницы, 67-70 для корневой страницы услуг и до 55-60 для страниц работ/портфолио. Диапазон значения свидетельствует о том, что проект не будет попадать под санкции в поисковой выдаче из-за низкой скорости. Измерения производились на демонстрационном сервере разработки.

Задача решена в полном объёме несмотря на специфические условия и ограниченные возможности реализации.

Пересборка сайта ведущего российского брендингового агентства

Среда разработки и стек

Стек проекта: Laravel 10, PHP 8, HTML, CSS, JS.
Среда разработки: Jira, Confluence, Gitlab.
Тестирование и мониторинг: Sentry, Allure, Grafana.
Обработка медиаконтента: ПО для работы с WebP, ПО для работы с MP4.
Методологии и техники: Agile, GitFlow.

Пересборка сайта ведущего российского брендингового агентства
Рассчитайте стоимость работ по поддержке или разработке
t.me/AndreyGinger