КЕЙСЫ / PAYCONA

Paycona: айдентика и дизайн SaaS-платформы

Juice Digital Agency разработало для Paycona целостную концепцию бренда и цифрового продукта. Мы объединили логотип, айдентику, дизайн-направление сайта и интерфейсы SaaS-платформы, чтобы коммуникация и продукт воспринимались как одна система.

Основой стала идея Payments connected. Она отражает связь между людьми, бизнесом и платежами, которые их объединяют.

АйдентикаРазработка логотипаАрт-дирекшнUI/UX-дизайнДизайн SaaS-платформы
Обсудить проект
Paycona: Айдентика и дизайн продукта Paycona
Айдентика и дизайн продукта Paycona

Кейс представляет концепцию бренда и цифрового продукта. Продуктовые экраны содержат демонстрационные данные.

Клиент
Paycona
Отрасль
Финтех и платежи
Формат проекта
Концепция бренда и цифрового продукта

ЗАДАЧА

Задача

Платёжному бренду важно быть узнаваемым в коммуникации и понятным в интерфейсах. Наша задача состояла в том, чтобы совместить эти качества. Paycona нужен был визуальный характер, который одинаково хорошо работает на рекламном постере, визитке и экране управления платежами.

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

ИДЕЯ

Идея

В основу дизайна легли ясность и связь. Отправной точкой визуальной системы стала округлая буква P. Непрерывная форма передаёт движение, а диагональный срез задаёт знаку направление.

Слоган Payments connected переносит эту идею в коммуникацию. Плотное начертание логотипа сочетается с более лёгкими заголовками и свободным пространством. Так бренд выглядит уверенно и остаётся открытым для человека.

АЙДЕНТИКА

Логотип и айдентика

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

Paycona: Знак P и логотип Paycona
Знак P и логотип Paycona
Paycona: Охранное поле и монохромные версии логотипа
Охранное поле и монохромные версии логотипа
Paycona: Плотный логотип и лёгкая типографика заголовков
Плотный логотип и лёгкая типографика заголовков

ЦВЕТ И ГРАФИКА

Цвет и графический язык

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

Paycona: Переливающаяся форма объединяет палитру Paycona
Переливающаяся форма объединяет палитру Paycona
Paycona: Роль каждого цвета в айдентике
Роль каждого цвета в айдентике
Paycona: Параллельные линии формируют единый графический мотив
Параллельные линии формируют единый графический мотив

ЛЮДИ

Люди в коммуникации

Портреты и повседневные бизнес-сцены добавляют айдентике человеческий характер. Люди пользуются телефонами, упаковывают заказы, общаются и оплачивают покупки. Через эти моменты визуальная система связывается с понятными жизненными ситуациями.

Paycona: Портретная кампания с фирменным знаком P
Портретная кампания с фирменным знаком P
Paycona: Повседневные сцены связывают людей и бизнес
Повседневные сцены связывают людей и бизнес
Paycona: Сцена оплаты в кафе, концепт кампании
Сцена оплаты в кафе, концепт кампании

САЙТ

Сайт и UI/UX-дизайн

Мы создали дизайн-направление сайта, которое знакомит с Paycona через понятное сообщение и наглядный фрагмент продукта. Визуальная иерархия ведёт от идеи бренда к платёжному опыту.

Для SaaS-платформы спроектировали концепцию рабочего кабинета бизнеса: обзор, список платежей, детали операции, платёжные ссылки и раздел выплат. Экраны объединены общей навигацией, отступами, типографикой и компонентами интерфейса.

Дизайн-направление сайта с фрагментом платёжного интерфейса
Paycona: Концепция рабочего кабинета в контексте использования
Концепция рабочего кабинета в контексте использования

ПРОДУКТ

Дизайн SaaS-платформы

Обзорный экран собирает основные показатели и последние операции. В разделе платежей список связан с панелью деталей, чтобы отдельную операцию и историю её статусов можно было изучить в контексте.

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

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

Обзор объёма платежей, операций и выплат
Список платежей с деталями операции и историей статусов
Создание платёжной ссылки и предпросмотр страницы оплаты
Данные платежа, обработка и подтверждение
Раздел выплат с суммами, датами и статусами
Повторяемые кнопки, статусы и поля ввода
Четыре варианта иконки приложения и пример на телефоне

НОСИТЕЛИ

Физические носители

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

Paycona: Дизайн визиток в светлой и тёмной версиях
Дизайн визиток в светлой и тёмной версиях
Paycona: Концепты папки, бланка и конверта
Концепты папки, бланка и конверта
Paycona: Сдержанное применение айдентики на тканевой сумке
Сдержанное применение айдентики на тканевой сумке
Paycona: Визуализация фирменного оформления офиса
Визуализация фирменного оформления офиса
Paycona: Концепт выставочного стенда с плавной формой конструкции
Концепт выставочного стенда с плавной формой конструкции

ОБЪЁМ РАБОТ

Что мы разработали

  • Концепцию бренда и визуальное направление
  • Логотип и принципы его применения
  • Цветовую палитру и типографику
  • Графический мотив и ключевые визуалы бренда
  • Визуальный подход к портретам и lifestyle-сценам
  • Концепты визиток, канцелярии и мерча
  • Визуализации оформления офиса и выставочного стенда
  • Дизайн-направление сайта
  • UI/UX-дизайн концепции рабочего кабинета бизнеса
  • Сценарии платёжных ссылок и оплаты
  • Варианты иконки приложения и компоненты интерфейса

РЕЗУЛЬТАТ

Результат

Мы создали целостную дизайн-концепцию Paycona, которая связывает коммуникацию бренда с будущим цифровым продуктом. В рекламных материалах айдентика работает выразительно, внутри платформы становится спокойнее и сохраняет узнаваемость во всех применениях.

Кейс представляет дизайн-работу и визуализации. Продуктовые экраны содержат демонстрационные данные и показывают предложенную функциональность.

Создадим бренд, который работает во всех точках контакта

От айдентики до цифрового продукта помогаем бизнесу превращать идеи в понятный и последовательный дизайн.