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

1. Вводная задача от заказчика, проблематика, цели

Заказчик

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

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

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

Платформа предлагает:

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

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

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

Цель заказчика

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

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

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

Задачи

• Разработать фирменный стиль и логотип, отражающие ценности бренда
• Подчеркнуть уникальность платформы и фокус на людях, стоящих за бизнесом
• Создать лендинги под три целевые аудитории: заемщиков, инвесторов и финансовых посредников
• Упростить и оживить интерфейсы, сделав их понятными и удобными для пользователей
• Реализовать верстку лендингов с интерактивными элементами, включая калькуляторы доходности и автоинвестирования

2. Описание реализации кейса и творческого пути по поиску оптимального решения

Процесс

1. Исследование бренда

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

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

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

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

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

2. Концепция

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

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

3. Дизайн

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

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

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

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

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

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

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

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

4. Верстка на Webflow

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

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

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

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

5. Внедрение стиля в платформу

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

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

6. Дополнительные страницы и доработки

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

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

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

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

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

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

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

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

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

3. Результаты сотрудничества

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

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

Геннадий Фофанов

СЕО, ИнвойсКафе

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