Casper® Cards

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

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

Задачи:

1. Разработка дизайна интерфейсов приложения для iOS и Android с микровзаимодействиями.

2. Дизайн пластиковой или металлической карты и упаковочных решений продукта.

3. 3D-рендеры упаковки и моушн-дизайн интерфейсов, креативов и коробок.

За 3 месяца студия реализовала пул работ: от аналитики, userflow, создания ux/ui на борту и до дизайна карт, рекламных креативов, а также спроектировали концепцию упаковки продукта, которая объединяет идею физического устройства и цифрового воплощения.

База продукта — пластиковая или металлическая карта с поддержкой 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 были переданы на дальнейшую работу подрядчикам по бэкенд-разработке и заводу-производителю с дальнейшими консультациями по дизайну и другим возможным техническим доработкам с нашей стороны для контроля качества.

Для демонстрации возможностей приложения, наша команда собрала экраны в интерактивное приложение на базе Figma Prototype.