Бренд и веб-сайт для
Программная платформа для агентств недвижимости

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

Сине-черный, стальной темно-синий, холодный сине-серый, бледно-стальной и облачно-белый, объявленные однажды как тематические жетоны Tailwind 4. Сдержанность воспринимается покупателем B2B как вызывающая доверие, а значки статуса несут смысл без дополнительных цветов.

Inter Tight для отображения и Inter для текста, размещаемые на собственном хостинге next/font. Крупногабаритные заголовки в верхнем регистре, пронумерованные ячейки разделов и каждый элемент, расположенный на видимых ячейках сетки.

Тринадцать иллюстраций продуктов (запись контактов CRM, список действий AI, лента портала, веб-сайт агентства, портал поставщиков, подбор кандидатов и т. д.) являются компонентами React, а не изображениями. Они остаются четкими при любом размере, масштабируются вместе с контейнером в единицах em и отображаются в программах чтения с экрана как одно изображение.

Фотографии недвижимости представляют собой таунхаусы в формате SVG в четырех тонах палитры, а путь клиента нарисован в виде террасы, переходящей от первого визита к ПРОДАНО. Никаких стоковых фотографий и ничего лицензируемого.

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

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

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

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

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

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

вывод: «экспорт» преобразует каждую страницу в HTML во время сборки. Его обслуживает Cloudflare Worker, использующий только статические ресурсы, с пользовательскими доменами для вершины и www, а также страницей HTML 404.

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

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

Метаданные на странице, канонические URL-адреса, сгенерированная карта сайта, роботы и веб-манифест, изображение Open Graph, отображаемое во время сборки, и структурированные данные JSON-LD. Ключевые слова нацелены на то, что ищут агенты: CRM агентства недвижимости, каналы Rightmove и Zoopla, порталы продавцов и арендодателей.

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

HSTS, nosniff, запрет кадров, строгая политика рефереров и политика заблокированных разрешений с неизменяемым кэшированием хешированных ресурсов. Страницы политики конфиденциальности, GDPR и условий написаны для британского бизнеса.