Кейс: Разработка корпоративного сайта-визитки на чистом PHP для KVV Group (kvv-group.com)

О проекте

kvv-group.com — это официальное цифровое представительство крупного промышленно-инвестиционного холдинга KVV Group, ключевые направления деятельности которого охватывают заготовку и переработку металлолома, строительство, логистику и международную металлургию. Холдинг работает как в Украине, так и на европейском рынке.

Вместо использования тяжелых стандартных CMS, перегружающих сервер и создающих сотни лишних запросов, проект был реализован как легкий «самописный» сайт на чистом PHP.

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

Задачи, стоящие перед SebWeo:

1. Разработка архитектуры на чистом PHP: Создание простого, надежного и быстрого каркаса сайта без привязки к большим системам управления (CMS).
2. Интерактивная карта представительств: Реализация кастомной карты Украины с кликабельными городами в разделе «Представительства» для удобной навигации филиалами.
3. Кастомная интеграция Google Maps: Настройка и оптимизация карты на странице «Контакты» без замедления общего рендеринга страницы.
4. Максимальная оптимизация скорости: Сохранение естественной легкости чистого PHP, выход на рекордные показатели в Google PageSpeed ​​Insights.

Что было сделано:

1. Чистая архитектура на PHP. Мы отказались от сторонних движков и развернули сайт на чистом PHP. Страницы собираются из модульных блоков на стороне сервера. Это обеспечило нулевую нагрузку на базу данных и мгновенную генерацию HTML-кода. Сайт весит считанные килобайты и отдается пользователю без задержек (идеальный показатель TTFB — Time to First Byte).
2. Интерактивная карта Украины («Представительства»). Главная фишка раздела — кастомная карта Украины. Мы реализовали ее посредством легкого интерактивного SVG-формата. Каждый город является элементом кликабельности:

• При клике пользователь мгновенно получает информацию о конкретном региональном представительстве с возможностью проложить маршрут.
• Поскольку это чистый вектор и минималистичный нативный JavaScript (Vanilla JS, ES6), карта весит минимум, идеально масштабируется на мобильных устройствах и не создает смещения макета (полная стабильность CLS).

3. Оптимизация страницы «Контакты» и Google Maps. Обычное подключение Google Maps через стандартный iframe сильно «бьет» по скорости загрузки страницы через кучу сторонних скриптов Google. Мы реализовали ленивую загрузку карты: тяжелые скрипты Google Maps инициализируются и подтягиваются только тогда, когда страница полностью загрузилась или когда пользователь начинает взаимодействовать с блоком контактов.

Интеграция и технологический стек:

• Бекенд: Чистый PHP — быстрая серверная сборка страниц.
• Фронтенд: Адаптивный HTML5/CSS3 (Flexbox/Grid), SVG для графических элементов и интерактивной карты.
• Скрипты: Чистый, легкий Vanilla JavaScript (частичный отказ от jQuery и тяжелых UI-библиотек).
• API: Оптимизированная интеграция Google Maps API.

Результат

Для KVV Group была создана максимально легкая, быстрая и надежная сайт-визитка. Это высокопроизводительный международный вебпортал, идеально выполняющий имиджевую функцию холдинга. Благодаря разработке на чистом PHP и отказе от тяжелых JS-фреймворков сайт получил максимальные 100 баллов в тестах Google PageSpeed ​​Insights. Интерактивная карта Украины и оптимизированная карта Google Maps обеспечили пользователям удобный UX, сохранив техническую безупречность и высокую скорость загрузки на любых устройствах. Что полностью соответствует премиальному статусу крупного бизнеса.