По релевантности По дате

Объектовые сайты для «Петербургской Недвижимости»: как мы создали один шаблон для нескольких сайтов новостроек

Здесь мы расскажем об интересном решении всеобщей проблемы — бессмысленных трат при разработке сайтов.

ЖК «Планетоград» — planetograd.spb.ru
ЖК «Петровский» — kvartal-petrovskiy.ru
ЖК «МореОкеан» — more-ocean.ru
ЖК «Чистое небо» — nebo-kamenka.ru
ЖК «Солнечный город» — solnce-gorod.ru
ЖК «Палацио» — kvartal-palacio.ru

Объектовые сайты для «Петербургской Недвижимости»: как мы создали один шаблон для нескольких сайтов новостроек - 1

Тратить деньги на разработку каждого нового сайта — это неклассно. Поэтому у нас появилась идея.

Концепция

Летом 2017 года мы смогли предложить решение, которое позволит «ПН» сократить расходы на поддержку сайтов для новостроек, — сделать шаблон для создания объектовых сайтов. Для нас задача была новой, поэтому решили реализовать ее только для десктопа, оставив мобильную версию на потом.

Дизайн

За основу мы взяли карточку жилого комплекса сайта Setl City, о разработке которого мы писали здесь. Важно было сделать универсальный дизайн — таким, чтобы он подходил под ЖК. В то же время сайты должны были отличаться друг от друга. Для этого мы внедрили редактор CSS, с помощью которого можно менять цвета на сайте.

Объектовые сайты для «Петербургской Недвижимости»: как мы создали один шаблон для нескольких сайтов новостроек - 2

Верстка

Как обычно, делаем адаптив для десктопов на 3 разрешения: 1920×1080 px, 1280×800 px, 1024×768 px, чтобы сайт корректно отображался на больших и маленьких экранах.

Программирование

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

  1. В административной панели запускается онлайн-обмен с квартирами конкретного ЖК.
  2. Указывается домен будущего сайта.
  3. Со своей стороны клиент производит настройки DNS: указать запись, А для домена.
  4. Подключается объектовый сайт. Profit!

В зависимости от конкретного домена подключаются соответствующие стили, из БД берутся данные по ЖК: квартиры, планировки, ход строительства, изображения для ЖК и банковские
программы.

дополнительные настройки и РЕДАКТОР CSS

Клиент сам может подкрутить настройки на свой вкус. Эта возможность предусмотрена: не придется обращаться к нам, чтобы изменить, скажем, цвет слоновой кости FFFFF0 на светло-желтый FFFFE0. Это не всё. Вот что ещё можно:

  • загружать логотип ЖК и фавикон;
  • загружать основной спрайт;
  • указывать код сервиса повышения конверсии «Ньютон» https://eyenewton.ru/;
  • давать ссылки на группы в социальных сетях;
  • ставить скрипты «Яндекс. Метрики»;
  • менять цвета элементов сайта с помощью редактора CSS (редактируются цвета для фона меню, подложек текстовых блоков, цветов шрифтов).

Объектовые сайты для «Петербургской Недвижимости»: как мы создали один шаблон для нескольких сайтов новостроек - 3

Резюме

Сейчас подключено уже 6 сайтов с помощью единого шаблона. Можно прикинуть общую экономию в рублях. Если предположить, что стоимость одного сайта составляет 1 млн рублей (цена по рынку), то нежно любимому клиенту мы помогли сэкономить 5 млн рублей. Что-то нам подсказывает, что список пополнят и другие новостройки. Чутьё нас подводит редко.

Объектовые сайты для «Петербургской Недвижимости»: как мы создали один шаблон для нескольких сайтов новостроек - 4

Команда проекта

  • Руководитель отдела разработки — Александр Румянцев
  • Руководитель проекта — Александра Тян
  • Арт-директор — Максим Мухачев
  • Дизайнер — Светлана Охина
  • Верстальщик — Артем Анпилов
  • Программисты — Николай Чеботарев, Виталий Нейкшин

Понравилась статья? Расскажи об этом друзьям!

Комментарии

comments powered by HyperComments
Нужен успешный проект или реклама?
Хочу заказать