Услуги:

App design, 3d design, motion, packaging

Дата выпуска:

3 сентября 2024

Сегменты:

Fintech Web3

Клиент:

Casper Cards

Завершён

Workspace Digital Awards'25

Золото в «Финансы»

Статуэтка DPA 2024

Лучший продуктовый дизайн

ТОП-15 DPA 2024

Лучшая анимация

Behance

Best of Behance

Каспер — имя персидского происхождения которое означает хранитель сокровищ или казначей. Целевая аудитория приложения — предприниматели и трейдеры из арабских стран (ОАЭ, Кувейт, Саудовская Аравия, Египет, Катар и другие), преимущественно мужчины от 30 до 50 лет.

База продукта — пластиковая или металлическая карта с поддержкой NFC, что создает дополнительный барьер для несанкционированного доступа. Карта компактного размера (54х86 мм), весом около 6 грамм и толщиной 0.76 мм легко помещается в карт-холдер.

Интерфейсы кроссплатформенные и разработаны в едином дизайне для iOS и Android. Выбор фреймворка был сделан в пользу React Native. Это сократило время и расходы на разработку и не придётся задумываться о новых фичах и приложениях под каждую отдельную платформу. Таким образом, утверждение и разработка интерфейсов шли рука об руку и в кратчайшие сроки задача проектирования интерфейсов была реализована.

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

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

Влад Гончаров

Дизайн-директор

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

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

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

По заявлению производителя, карта защищена от воды, пыли и экстремальных температур, гарантируя надежную работу в различных условиях. Вместо seed-фразы Casper использует дополнительные карты для восстановления приватного ключа. Это обеспечивает уровень безопасности. Поэтому Casper Cards продается комплектом из 2 или 3 карт.

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

В приложении криптовалютного кошелька Casper Cards можно переключаться с тёмного на светлое оформление. Таким образом можно меньше беспокоиться за зрение и заодно сэкономить заряд аккумулятора.

Дизайн онлайн-магазина выполнен в стилистике приложения с использованием 3D-графики и 2D-элементов с иконками в линейном стиле. Каждая страница сайта обладает ёмкой информацией, разделённая на острова и слайдеры с перечнем преимуществ и особенностей продукта. В качестве основного шрифта используется Manrope — семейство современных шрифтов без засечек с открытым исходным кодом. Тёмная палитра, яркие и читаемые шрифты, объёмная графика в сочетании с линейными иконками, воссоздают лаконичность и изящность финансового продукта в тематике криптовалютных решений.

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

Коробка-шкатулка сделана на магнитном клапане. Тиснение и ламинирование было выполнено с использованием дизайнерской бумаги. Ложемент для карт выбран в пользу материала SUMO тёмного цвета. В слотах для карт используется переплетный картон Kiteboard, тонированный в массе черной краской для максимального качества. Данная технология позволит производить коробки быстрее и лучше по качеству.

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

Несколько кадров работы над анимацией элементов продукта и пробный экземпляр коробки Casper Cards из типографии. Шоурил и другие анимации в проекте, создавались в Blender3D и в After Effects.

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

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

Работа получила широкое признание от профсообщества. Дизайн приложения и упаковка Casper Cards признаны одними из лучших на Behance и работа взяла дополнительные бейджи продвинутого дизайна UI и St и на момент публикации кейса, более 1 млн. просмотров статичных и анимационных шотов на платформе Dribbble.

В декабре на главной сцене Цифрового делового пространства в Москве, представителями жюри Dprofile Fest & Award 2024, проект получил статуэтку и диплом за лучший проект в категории продуктового дизайна. Кроме статуэтки, работа стала лауреатом номинации «Анимация» и закрепилась в ТОП-15 моушн-дизайна.

Влад Гончаров

Дизайн-директор

Услуги:

App design, 3d design, motion, packaging

Дата выпуска:

3 сентября 2024

Сегменты:

Fintech Web3

Клиент:

Casper Cards

Завершён

Workspace Digital Awards'25

Золото в «Финансы»

Статуэтка DPA 2024

Лучший продуктовый дизайн

ТОП-15 DPA 2024

Лучшая анимация

Behance

Best of Behance

Арт-директор

Влад Г.

UX/UI-дизайн

Владислав Г.

Графика / раскадровка

Богдан К.

Бренд-дизайн

Ислам А.

3D-дизайнеры

Артём К.

Dispersion

Проект-менеджер

Александр С.

Анимации, моушн

Настя Д.

Дизайн упаковки

Flatonica

Designed by Flatonica. Ноябрь 2023 г. Сентябрь 2024 г.

24 апреля 2025

14 декабря 2024

Стать клиентом или партнером

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

Влад Гончаров
дизайн-директор

Предложения по PR и маркетингу

hi@flatonica.com

pr@flatonica.com

Успешно консультируем и разрабатываем цифровые решения для малого и крупного бизнеса. Среди клиентов: Аукционный Дом РФ, JAMI LUP, Kraster Wallet, Сколково, Phantom Clash, ДомДА, BID1, RAD Holiday Homes