ProTitle Agency
Титульна агенція, що пояснює угоду крок за кроком
- Галузь
- Титульне страхування й закриття угод, Флорида
- Рік
- 2024
- Що ми зробили
- Дизайн і розробка сайту, форма консультації
- Мови сайту
- EN
Скріни — мовою оригіналу: сайт не має української версії.
- Титульних послуг на сайті
- 7
- Етапів угоди в таймлайні
- 7
- Клієнтів, за даними агенції
- 1,000+
Огляд
ProTitle Agency — титульна компанія з Галландейл-Біч: перевірка права власності, титульне страхування, ескроу й закриття угод для покупців, власників, що рефінансують житло, ріелторів, інвесторів і кредиторів. Ми спроєктували й зробили її сайт, який простою мовою пояснює сім послуг і сім етапів угоди та надсилає запити на консультацію прямо в Telegram агенції.
- 01Консультація
- 02Пропозиція
- 03Перевірка титулу
- 04Титульне страхування
- 05Ескроу
- 06Закриття угоди
- 07Супровід після угоди
Лінія прогресу заповнюється через сім кроків під час прокрутки.
01 — Завдання
Титульна робота — найменш помітна частина купівлі нерухомості: більшість клієнтів дізнаються про неї, коли дату угоди вже призначено. Тема юридична й суха, і суцільний текст втрачає читача вже на другому абзаці. ProTitle потрібен був сайт, який покупець-новачок справді прочитає і який перетворить читача на запит про консультацію.
02 — Рішення
Ми виклали історію в тому порядку, в якому її проживає клієнт: що захищає титульне страхування, кого обслуговує агенція, сім послуг, а далі сім етапів — від першої консультації до супроводу після закриття. Читача ведуть анімації, привʼязані до скролу: послуги випливають під час прокрутки, лінія прогресу заповнюється вздовж таймлайну, а сторінка контактів завершується 3D-глобусом. Форма з трьох полів, доступна з будь-якого екрана, надсилає кожен запит у Telegram агенції.
03 — Результат
Робочий англомовний сайт, онлайн з 2024 року, який проводить клієнта крізь сім послуг і всю угоду ще до першого дзвінка. На головній — пʼять груп клієнтів, стіна відгуків і цифра агенції: понад 1000 клієнтів, а запити приходять у Telegram з імʼям, телефоном та email.
Сім послуг
Перевірка титулу, титульне страхування, ескроу, закриття угоди, підготовка й реєстрація документів, пошук обтяжень і судових рішень, допомога з рефінансуванням — по одному простому опису на кожну. На десктопі текст і фото кожної послуги рухаються з різною швидкістю під час прокрутки, тож довгий список читається як послідовність.
- Сім послуг, кожна без юридичного жаргону
- Паралакс тексту й фото, привʼязаний до скролу
- На мобільному — прості картки без анімації
Угода крок за кроком
Сім етапів — консультація, пропозиція, перевірка титулу, титульне страхування, ескроу, закриття й супровід після угоди — кожен із короткою обіцянкою та поясненням. Лінія прогресу заповнюється під час прокрутки, тож читач завжди бачить, на якому він етапі.
- Сім пронумерованих етапів — від дзвінка до після угоди
- Лінія прогресу привʼязана до позиції скролу
- Кожен етап — заголовок і пояснення простими словами
Для кого і що кажуть клієнти
Пʼять груп клієнтів мають власні картки: покупці житла, власники, що рефінансують, ріелтори, інвестори й кредитори. Відгуки йдуть трьома колонками, що прокручуються самі, — це читається як історія роботи, а не як пара цитат.
- Пʼять груп клієнтів, кожна з короткою обіцянкою
- Відгуки в трьох колонках, що рухаються безперервно
- На першому екрані — понад 1000 клієнтів
Запит на консультацію
Кожна кнопка «Get a Free Consultation» відкриває одне модальне вікно: імʼя, телефон із маскою американського формату та email. Сервер перевіряє email і телефон і надсилає запит у Telegram-чат агенції, а відвідувачу успіх підтверджує спалах конфеті.
- Три поля, телефон у масці (000) 000-0000
- Email і телефон перевіряються на сервері
- Запити надходять у Telegram агенції
Ключові рішення
- Глобус на сторінці контактів — сцена three-globe, що вантажиться через динамічний імпорт лише на клієнті, тож код three.js не потрапляє в серверний рендер.
- Кожен рядок послуг відстежує власний прогрес скролу у Framer Motion: текст проявляється, а текст і фото рухаються в протилежні боки.
- Таймлайн угоди вимірює власну висоту й перетворює прогрес скролу на лінію, що заповнюється через усі сім етапів.
- Шапка ховається, коли гортаєш униз, і повертається, коли вгору, — довга сторінка лишається чистою.
