Кейс дочки Сбера: как мы разработали дизайн сайта инвестплатформы в недвижимости — и уже 2 года остаёмся на поддержке

Всем привет! Я Рома Родионов, арт-директор в Cedro — дизайн-студии для недвижимости, ecommerce и финтеха. Два года назад к нам пришли Современные Фонды Недвижимости — дочка Сбера, которая позволяет физлицам инвестировать в коммерческую недвижимость. Рассказываю, как мы начали с дизайна сайта и дошли до спринтовой модели поддержки.

Современные Фонды Недвижимости — это дочерняя компания Сбера и платформа, которая позволяет инвестировать в коммерческую недвижимость. У них большая база объектов, которые берут в аренду под склады или физические сторы.

Среди арендаторов — Ozon, Wildberries, СДЭК, ВкусВилл и другие магазины или маркетплейсы. А среди инвесторов — физлица с любым бюджетом. Минимальная стоимость пая — от 1000 ₽.

Изначально СФН пришли к нам, чтобы частично отстроиться от Сбера и разработать дизайн корпоративного сайта для потенциальных инвесторов. И как результат — подчеркнуть индивидуальность компании и масштаб недвижимости, с которой они работают.

После редизайна клиент остался с нами на дизайн-поддержке. И вот уже как два года мы подхватываем самые разные задачи: задизайнить лендинг, оформить лонгрид, собрать 3D или проконсультировать по дизайну нового продукта.

Обычно дизайн-поддержка — это про формат Time & Material. Клиент платит только за часы, которые команда потратила на задачу, взамен приходится ждать, когда освободится ресурс спецов. За это время могут прогореть все дедлайны — и задача станет неактуальной.

Для работы с СФН мы выбрали другую модель — спринтовую. Если у клиента есть пул задач — он бронирует спринт или несколько, а мы закрепляем за ним команду на это время.

Как это работает на практике: допустим, заказчик пришёл к нам в среду, мы подхватываем задачи уже на следующей неделе. Весь оплаченный спринт команда работает только над задачами СФН. В понедельник планируемся, в середине недели показываем промежуточный результат, в пятницу — возвращаемся с готовым решением и отчётом.

Клиенту удобно, потому что его задачи в приоритете. А нам — потому что понятно, сколько ресурса нужно выделить и сколько мы заработаем.

Бумажной волокиты — ноль. Мы не подписываемся на каждый спринт. Вместо этого — делаем рамочный договор, который распространяется на все будущие работы.

Изначально СФН пришли к нам за новым сайтом, но прежде чем стартовать работу над редизайном, мы провели исследования. Изучали сайты конкурентов, выделили сильные и слабые приёмы, а ещё провели аудит предыдущего сайта СФН. Результат исследования обсудили вместе с клиентом, чтобы состыковаться в том, как мы видим бренд.

Чтобы визуализировать предложения, мы собрали мудборды. Первый — строгий и графичный, с минимальными скруглениями и акцентом на 2D-иллюстрации и типографику.

Второй — мягкий и минималистичный, с 3D-иллюстрациями, выраженными скруглениями и грамотной работой с пространством. Такой дизайн любят использовать SaaS-сервисы и продукты, поэтому он кажется пользователям знакомым и понятным. Его СФН и выбрали.

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

На старте у СФН был только логотип, цвета и шрифт Сбера. И всё. Поэтому мы взяли на основу фирменный синий, немного поколдовали вместе с заказчиком и придумали стилёк с акцентом на детализированные 3D. И это важный момент: дальше мы будем использовать этот фирстиль в дизайне будущих лендингов, лонгридов и вообще везде.

Бизнес СФН — это про недвижимость: склады и физические сторы маркетплейсов. Эти образы важно было отразить в дизайне. Сперва мы отрисовали абстрактные иллюстрации, которые только намекают на реальные объекты. Но клиенту не хватило масштаба.

В итоге ушли в почти реализм — вплоть до того, что отрисовали рядом стоящие машины, выезды с парковки, трубы и окна.

А нашему тридешнику пришлось собирать фотки объектов СФН по всем открытым источникам и создавать 3D с натуры.

Особенно тяжело далась моделька московского БЦ Даймонд Холл. Качественных фотографий, где всё здание целиком, не нашли. Пришлось по крупицам собирать детали с панорамы улиц на Яндекс Картах.

То же самое с офисами Eldon Court в Лондоне.

Также мы отрисовали микроанимации и оживили фрагменты больших тридешек. Например, добавили пролетающий над зданием вертолёт или машину, которая выезжает с парковки. На текущей версии сайта этих анимаций нет, но мы собрали на Behance подробный кейс со всеми 3D, которые мы отрисовали и анимировали для СФН.

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

Из примеров — промо нового сервиса СФН (LTI). Это программа удержания ценных сотрудников, которую дочка Сбера уже использует внутри, а теперь — предлагает ещё и компаниям извне.

Обычно ребята из СФН собирают тз в формате чернового сайта на Тильде: сразу со структурой, последовательностью блоков и текстами. Это удобно и наглядно, но в этот раз времени было совсем мало, поэтому мы получили тз в формате PDF с текстом. И всё равно быстро разобрались и уложились с реализацией в неделю.

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

Мы с СФН уже так давно вместе, что ребята приходят к нам за советом даже по тем проектам, где мы пока не участвуем.

Недавно мы консультировали их по оформлению Журнала инвестора. Разобрали бизнес-задачи и контекст, как результат — скорректировали концепцию, подготовили макеты для нового раздела, согласовали их с отделом разработки СФН и передали в работу.

Смотреть сайт СФН

«Прежде чем выбрать Cedro, я делал анализ рынка. Оценивал набор критериев, за каждый выставлял балл, максимум можно было набрать 5. У Cedro как раз 5 баллов.

Во-первых, мне понравился сайт. Во-вторых, качество КП приятно удивило. Я ни разу не видел презентацию сметы, когда говорящая голова в кружочке тебе что-то рассказывает. Это подкупает, это крутой маркетинговый ход.

Спустя 2 года моя оценка — всё ещё твёрдая пятёрка. Безумно комфортно работать. Команда огонь. Все коллеги в восторге от того, что получается. Планируем дальше работать, хочу, чтобы вы сделали дизайн «личного кабинета».