«Сайт ипотечного digital-брокера: небанковская градиентная айдентика, hero-слайдер, конфигуратор ипотеки и пошаговые формы заявок с маршрутизацией лидов в CRM.»
Refin.online — ипотечный digital-брокер: помогает быстро и бесплатно оформить или рефинансировать ипотеку, работая по принципу одного окна с топ-банками. Мы придумали для сервиса свежий, «небанковский» бренд-стиль и собрали сайт на Tilda: от градиентной айдентики и hero-слайдера до конфигуратора ипотеки и умных форм заявок, которые сами направляют лид в нужную воронку.
Ипотека — территория красно-зелёно-синих банковских сайтов, и на их фоне легко потеряться. Задача — выглядеть как современный сервис, а не как ещё один банк. Мы ушли от привычной палитры: собрали свежую гамму с градиентами, подобрали типографику и сделали «залипательный» дизайн — hero-слайдер на первом экране и карточки преимуществ, которые оживают при наведении. Ориентировались на смелые финтех-сайты вроде Habito, а не на банковские шаблоны.
Дизайн главной страницы Refin.online: hero «Сделаем ипотеку легче», банки-партнёры, сравнительная таблица, отзывы, блог
У сервиса две воронки — оформление ипотеки и рефинансирование, — и клиенту нельзя заполнять одни и те же анкеты по десять раз. Мы сделали пошаговые формы-попапы с мини-квизом «ответьте на 3 вопроса», подключили вебхуки и завели заявки в CRM с маршрутизацией по продукту. Человек оставляет данные один раз, а дальше сервис сам раскидывает их по банкам, страховым и оценочным компаниям.
Слайд hero: Refin.online — ипотечный digital-брокер, партнёр топ-20 банков, четыре шага работы
Расскажите о задаче — предложим архитектуру решения. Без шаблонных КП и абстрактных смет: конкретика на старте.
Слайд hero: работаем по принципу одного окна — оставьте заявку один раз для банков, страховых и оценочных компаний
Довели дизайн главной: hero-слайдер, конфигуратор ипотеки со слайдером-бегунком, сравнительную таблицу «с нами / самостоятельно / через брокера» и стену логотипов банков-партнёров. Сверстали сайт на Tilda с адаптивом и комбо-скроллом, подключили формы и вебхуки, настроили SEO и цели аналитики на отправку заявок, перевели проект на боевой домен с новым SSL. Сайт вышел на прод.
Начали с айдентики: собрали небанковскую палитру с градиентами, подобрали и купили вебфонт, оформили гайд по цветам и шрифтам. Отрисовали UX-прототип главной и структуру сайта сразу под обе воронки — ипотеку и рефинансирование, — чтобы дальше наращивать дизайн и контент на готовом скелете.