Обновление сайта · Зеленоград и Подмосковье
Зелёный городАгентство с 1994 года — и сайт, который ему под стать
Агентство недвижимости Зеленограда, Клина, Солнечногорска и Высоковска: четыре офиса, команда риелторов и юристов, сотни объектов в каталоге и сотни отзывов клиентов. Команда студии вдумчиво пересобрала сайт целиком — от первого экрана и шапки до каталога, карточки объекта, десяти страниц услуг и команды. Город на новом сайте — как бумажный макет архитектора: его хочется рассматривать.
- 31 страница
- разобрали на аудите — на компьютере и телефоне
- 10 услуг
- каждая со своей страницей и иллюстрацией серии
- 958 домов
- с характеристиками и планировками — в новом виде
- 32 года
- агентству — сайт наконец выглядит на этот опыт
Было и стало
Те же страницы —
другой воздух
Прежний сайт был аккуратным, но безликим: узкая полоса фото, мятные карточки, круглые картинки из разных фотостоков, каталог длинной таблицей. Тяните линию — слева прежний сайт, справа новый. Сравните главную, каталог, объект, услуги, команду и контакты.
- Узкая полоса фотоПервый экран — фасад в узкой полосе и белая карточка с фильтром поверх.
- Картинки из разных мировВосемь задач на главной — круглые фото из разных фотостоков.
- Каталог таблицейОбъекты — длинными строками, без галереи и без риелтора рядом.
- Услуги — текстомСтраницы услуг — сплошной текст без шагов, цены и заявки рядом.
Фирменный язык
Одно слово —
курсивом
Зеленоград — самый зелёный округ Москвы, поэтому основа палитры — глубокий лесной цвет, а акцент — свежий лайм. Шрифт Onest держит текст и цифры, а в каждом заголовке одно слово написано курсивом Cormorant Garamond — как подпись от руки на макете. Контурные линии рельефа проходят через первый экран, подвал и шапки страниц.
- Лес#0e2a1d · шапки страниц, подвал, тёмные блоки
- Зелень#3d933c · фирменный цвет агентства
- Лайм#b9e27c · кнопки и акценты
- Шалфей#dfe9d8 · фон иллюстраций
- Бумага#f6f4ee · спокойные блоки
С чего начнём?
Свежие объекты
От Москвы до Клина
Сделка под ключ — от подбора до регистрации
Кто отвечает за результат
Полезно перед сделкой
Направления
От Москвы —
до Клина и дальше
Агентство работает вдоль Ленинградского шоссе. На главной это стало схемой направлений: у каждого города — число объектов в каталоге, клик ведёт в каталог с этим городом. Здесь — та же дорога, только поедем по ней. Нажмите на город.
Схема без масштаба · столбик — объекты в каталоге по направлению на 14 октября 2026, каталог обновляется выгрузкой каждые 30 минут
Главная
Главная —
листайте сами
Девять глав от первого экрана до журнала. Каждая отвечает на вопрос покупателя или продавца: что есть, где, кто поможет, почему вам можно доверять. Прокручивайте страницу — окно сайта поедет вместе с вами, а слева отметится глава.
- 01Первый экранВидео Зеленограда, поиск в одну строку и цифры агентства.
- 02С чего начнём?Восемь задач — восемь бумажных макетов.
- 03Свежие объектыЛента новых объектов, обновляется каждые 30 минут.
- 04НаправленияСхема вдоль Ленинградского шоссе с числом объектов.
- 05УслугиСделка под ключ — от подбора до регистрации.
- 06Почему доверяютС 1994 года, проверка объектов, свой юрист.
- 07ЗеленоградГород, ради которого сюда переезжают.
- 08КомандаРиелторы, которые ведут сделку.
- 09ЖурналСтатьи о том, что важно знать перед сделкой.
Иллюстрации
Восемь задач —
восемь макетов
На прежней главной задачи «Купить квартиру», «Снять дом», «Продать участок» были круглыми фото из разных фотостоков. Новую серию сделали в одном мире: бумажные и деревянные макеты на шалфейном фоне, как в мастерской архитектора. Это иллюстрации, созданные нейросетью по нашему описанию, а не фото объектов. Круг раскрывается в макет при появлении — наведите, чтобы вернуть прежнее фото.
Услуги
Десять услуг —
одна колода
Раньше услуги были сплошным текстом. Теперь у каждой своя страница: тёмная шапка с иллюстрацией серии, для кого услуга, шаги работы, стоимость, вопросы и заявка, которая всегда рядом. Выберите карту — откроется страница услуги.
Каталог и объект
Объекты —
списком и на карте
Объекты приходят выгрузкой из CRM агентства каждые полчаса — эту часть мы не трогали. Новым стал вид: шапка с фильтром, карточки с галереей, ценой за метр и риелтором с телефоном, сортировка в одно касание и режим «на карте». Карточка объекта — мозаика фото, характеристики плитками, риелтор и запись на просмотр рядом с ценой.
- Мозаика фото и «Все фото» одним касанием
- Цена, цена за метр и риелтор — рядом
- Похожие объекты под карточкой
Команда
Люди,
которые ведут сделку
В недвижимости выбирают человека. Поэтому команда получила свою страницу: руководство крупно, фильтр по ролям, у каждого специалиста — число объектов в работе и отзывов, телефон одним касанием. У риелтора — своя страница с объектами и отзывами.
- 26
- специалистов
- 202
- объекта в работе
- 595
- отзывов клиентов
Живой сайт
Двенадцать страниц —
одним языком
У внутренних страниц тёмная шапка с крупным заголовком и контурными линиями, а дальше — своя подача: дома на карте города, планировки, банки-партнёры, образцы документов. Листайте ленту, наведите на окно — страница прокрутится.
На телефоне
Агентство —
в кармане
Большинство ищет квартиру с телефона. Поиск в первом экране, крупные кнопки комнат, фото объекта на всю ширину, звонок риелтору одним касанием. Нажмите на телефон, чтобы остановить прокрутку.
Как шла работа
Восемь этапов —
одна команда
Над проектом работала команда студии: разбор старого сайта, концепция, дизайн-система, страницы и приёмка с проверкой каждого экрана на компьютере и телефоне. Обновление шло на работающем сайте — агентство продолжало принимать заявки, а прежний вид сохранён снимками до первой правки.
- 01АудитСняли 31 страницу на компьютере и телефоне, сохранили тексты, настройки и исходные фото разделов, чтобы ничего не потерять и было с чем сравнить.
- 02КонцепцияАгентство из самого зелёного округа Москвы: глубокий лесной цвет, лайм, шалфей — и город в виде бумажного макета архитектора.
- 03Дизайн-системаШрифт Onest и одно слово курсивом Cormorant в каждом заголовке, контурные линии, кнопки, карточки и сетка — один язык для всех страниц.
- 04Главная, шапка, подвалВидео и поиск на первом экране, восемь задач-макетов, лента объектов, направления, услуги, команда и журнал.
- 05Каталог и объектШапка с фильтром, карточки с галереей и риелтором, режим «на карте», новая карточка объекта с мозаикой фото.
- 06Десять услугУ каждой услуги своя страница: иллюстрация серии, шаги, стоимость, вопросы и заявка рядом с текстом.
- 07Команда и страницыКоманда с фильтром по ролям, риелтор, о компании, отзывы, партнёры, вакансии, документы, планировки, город и дом.
- 08Приёмка и доводкаКаждую страницу проверили на компьютере и телефоне и довели по замечаниям — от отступа заголовка до каталога на карте.
Довели на приёмке
- Заголовок первого экрана больше не наезжает на шапку
- Андреевка и Некрасино в бегущей строке ведут в каталог
- Надпись в подвале закрашивается до конца
- Логотипы партнёров получили ровные отступы
- Контакты — без пустой высокой шапки, карточки офисов не слипаются
- Каталог на карте снова загружается
- Каталог и карточка объекта пересобраны заново
- Руководство в «Команде» — ровная раскладка без одинокой карточки
Не трогали — работает как раньше
- Выгрузка объектов из CRM
- Фильтр и подборки
- Избранное
- Формы заявок
- Адреса страниц
- Тексты для поиска
Итог
Город, в котором —
хочется жить
Главная, шапка, подвал, каталог списком и на карте, карточка объекта, десять страниц услуг, команда и страница риелтора, о компании, отзывы, вопросы, партнёры, вакансии, документы, журнал, планировки, город, дом и контакты — единым языком, без остановки работы агентства. Сайт наконец выглядит на свои 32 года опыта.