ИнвойсКафе: дизайн и айдентика для платформы, где важны не только цифры

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

За последние два года ИнвойсКафе привлекла более 1,5 млрд рублей, дала жизнь десяткам компаний и стала надежным звеном между идеями и их воплощением. Компания внесена в реестр операторов инвестиционных платформ ЦБ РФ от 09.02.2022.

Сервис учитывает интересы трех ключевых аудиторий:

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

- инвесторы — могут формировать портфель из реальных проектов, управлять рисками и доходностью, инвестировать даже небольшими суммами.

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

ЦЕЛЬ ЗАКАЗЧИКА

ИнвойсКафе обратились с запросом на разработку фирменного стиля, логотипа и лендингов для трех целевых аудиторий — заемщиков, инвесторов и финансовых посредников. Была нужна визуальная система, вызывающая доверие, простая в восприятии и готовая к масштабированию.

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

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

Задачи, которые мы решили:

- Разработали фирменный стиль и логотип, отражающие ценности бренда

- Подчеркнули уникальность платформы и фокус на людях, стоящих за бизнесом

- Создали лендинги под три целевые аудитории: заемщиков, инвесторов и финансовых посредников

- Упростили и оживили интерфейсы, сделав их понятными и удобными для пользователей

- Реализовали верстку лендингов с интерактивными элементами, включая калькуляторы доходности и автоинвестирования

Мы начали с бренд-сессий, чтобы понять, какие эмоции должен вызывать бренд и какую позицию он должен занимать в восприятии пользователя. Использовали карточки с эмоциями, обсуждали, как клиент не хочет выглядеть и каким хочет быть — например, «инновационным, но не сухим», «понятным, но не наивным».

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

Клиент был глубоко вовлечен в процесс: от основателей до нескольких стейкхолдеров с разными взглядами. Кто-то ориентировался на «Сбербанк», кто-то — на «Revolut», но именно это напряжение дало точку роста.

Итог: сформулировали Big Idea — «Люди за бизнесом». Концепция так вдохновила команду клиента, что они самостоятельно организовали фотосъемку с реальными заемщиками, чтобы подчеркнуть персонализацию платформы.

Благодаря этому мы с командой заказчика с самого начала смотрели в одну сторону — и по визуальному стилю, и по тону коммуникации.

Big Idea — «Люди за бизнесом» — стала основой всей визуальной логики. Вместо «сухого финтеха» мы сделали ставку на человечность, простоту и узнаваемость.

Ключевым элементом стала карточка бизнеса: инвестор видит не только цифры, но и лицо человека, стоящего за проектом. Это решение легло в основу сторителлинга и помогло визуально выстроить доверие.

Мы разработали лендинги для трех ключевых аудиторий:

 — заемщиков — с акцентом на простоту и скорость получения займа,

 — инвесторов — с понятным интерфейсом, калькулятором доходности и фокусом на доверие,

 — финансовых партнеров — с предложением подключиться к системе и зарабатывать на комиссиях.

В основе всех страниц — карточка бизнеса: человек, которому нужен заем, и параметры его запроса. Это превращает интерфейс в понятный и живой сторителлинг.

На этапе дизайна мы:

- доработали логотип и айдентику;

- разрабатывали фирменный стиль сразу в привязке к пользовательским сценариям и интерфейсам;

- продумали структуру и механику блоков с учетом рекламного трафика и целей каждого сегмента;

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

Дополнительно мы подготовили гайд по съемке — а клиент, вдохновившись идеей, организовал фотосессии с реальными заемщиками. Для первых серий мы использовали нейросети: дорисовали фоны и адаптировали фото под сайт.

Изначально клиент планировал делать верстку внутри своей команды. Но в процессе стало понятно: чтобы быстро и точно реализовать все задумки, проще передать эту часть нам.

Мы предложили собрать лендинги на Webflow — это позволило сохранить гибкость, ускорить запуск и не отвлекать core-разработку заказчика, которая была сфокусирована на самой платформе.

Работали параллельно с дизайном: верстали в шесть рук, добавляли анимации, настраивали интерактивные калькуляторы, реализовали переходы и микровзаимодействия — все в рамках визуальной концепции.

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

Изначально мы работали только над лендингами, но один из ключевых элементов — карточка бизнеса — так хорошо сработал, что ее решили использовать и в основной платформе.

Мы адаптировали карточку под внутренний интерфейс. Это позволило сохранить единый стиль и обеспечить цельное восприятие бренда на всех этапах взаимодействия с пользователем — от промо до платформы.

Кроме трех основных лендингов, мы переработали и доработали ряд дополнительных разделов сайта. В работе были:

- главная страница,

- страницы для заемщиков, инвесторов и партнеров,

- блоки «О компании» и «Команда»,

- технический раздел и блок с юридической информацией для раскрытия данных о платформе,

- раздел с частыми вопросами.

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

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

Отдельной механикой стал блок с выбором целей займа — «барабанчик» направлений, который превращает сухой список в понятный и вовлекающий элемент интерфейса.

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

От первой сессии до запуска прошло всего 6 месяцев — благодаря плотной совместной работе.

Результаты за первые 7 месяцев после релиза обновленного сайта превзошли данные за прошлые года: