Логотип

сайт компании Рк девелопмент

Разработка корпоративного сайта для «РК Девелопмент» — генподрядчика из Санкт-Петербурга, реализующего проекты от частных домов до промышленных комплексов с акцентом на надежность, технологичность и высокие стандарты качества.

Разработка
modx
rk-development.ru
Кейс разработки сайта рк девелопмент
Картинка по потребностям клиента 1
Картинка по потребностям клиента 2

Сроки работ

Дизайн сайта:

29 апр - 25 июл 2025

Верстка сайта и программирование::

25 июл - 15 сен 2025 

Картинка по потребностям клиента 3

потребность заказчика

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

Картинка по потребностям клиента 4

Задачи проекта

  • Составление технического задания
  • Анализ конкурентов
  • Разработка прототипа
  • Создание дизайн-концепции
  • Дизайн всех страниц с адаптивами
Картинка задач Рк девелопмент
  • Адаптивная верстка дизайн-макетов
  • Программирование на CMS
  • Настройка административной панели
  • Наполнение данными
  • Тестирование и передача проекта

Цели проекта

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

Используемые инструменты

ModX ModX
Figma Figma
Django Django
HTML HTML
CSS CSS
JavaScript JavaScript
Python Python
ChatGPT ChatGPT
Photoshop Photoshop
Adobe Illustrator Adobe Illustrator
Yandex Yandex
Google Google
CloudFlare CloudFlare
Bitrix24 Bitrix24
Axure Axure

Объем проекта

Разработали 15 уникальных страниц с адаптивами под планшеты и мобильные устройства, базовым продвижением и дальнейшим наполнением

Картинка компании заказчика

Анализ конкурентов

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

Построение архитектуры сайта

Опираясь на данные анализа и утвержденную структуру, мы спроектировали логичную иерархию сайта, где каждый объект и услуга становятся самостоятельными элементами с описанием и фотогалереей. Дерево сайта выстроили так, чтобы пользователь за 2–3 клика мог перейти к форме заявки, а владелец — легко управлять контентом через админку, добавляя новые объекты, услуги и новости.

Подбор Цветовой палитры и типографики для проекта

Картинка какие цвета мы использовали 1
Картинка какие цвета мы использовали 2
Картинка какие цвета мы использовали 3
Картинка какие цвета мы использовали 4

Используемая сетка

Картинка примера используемая сетка

Дизайн главной страницы

Картинка слайда Дизайн главной страницы Картинка слайда Дизайн главной страницы

Направления

Картинка слайда Направления

Объекты

Картинка слайда Объекты

Объект

Картинка слайда Объект

Контакты

Картинка слайда Контакты

404

Картинка слайда 404

Адаптивы

Показана картинкаАдаптивы 1
Показана картинкаАдаптивы 2
Показана картинкаАдаптивы 3
Показана картинкаАдаптивы 4
Показана картинкаАдаптивы 5
Показана картинкаАдаптивы 6

Реализованный Функционал на сайте

Форма обратной связи

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

Картинка Картинка Реализованный Функционал на сайте_0

Настройка на CMS и наполнение

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

Показано картинка настройки на CMS и наполнение

Тестирование работы сайта

Page Speed insights

По результатам тестирования в Google PageSpeed Insights сайт получил высокие оценки: производительность — 99 баллов, специальные возможности — 94, рекомендации — 96, поисковая оптимизация — 100. Ключевые показатели скорости: First Contentful Paint — 0,4 сек, Largest Contentful Paint — 1,0 сек, Speed Index — 0,7 сек, Total Blocking Time — 30 мс при практически нулевом сдвиге макета (CLS = 0.001), что гарантирует мгновенный отклик сайта и комфортное бронирование даже на мобильных устройствах.

Картинка Page Speed insights 10
Page Speed insights 20

WebPageTest

Сайт демонстрирует достойные технические показатели: Speed Index (1,89 сек) и First Contentful Paint (1,86 сек) находятся в пределах нормы, а стабильность верстки близка к идеальной (CLS = 0,006), что гарантирует комфортный просмотр страниц без неприятных скачков контента. Основные метрики Core Web Vitals (LCP = 2,16 сек) укладываются в рекомендуемые значения

как итог

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

3 мес
анализ и дизайн
2 мес
этап верстки + программирование на CMS
14+
страниц наполнено
91
результат по PageSpeed
топ 10
позиции в Yandex и Google

наши контакты

Санкт-Петербург, Московский проспект, 183-185Ак7

info@saytspb.ru

Рабочие дни: пн-пт с 09:00 до 18:00

Выходные дни: сб-вс