Услуги:

App design, 3d design, motion, packaging

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

3 сентября 2024

Сегменты:

Fintech Web3

Клиент:

Casper Cards

Завершён

Статуэтка DPA 2024

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

DPA 2024

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

Behance

Best of Behance

Behance

Interaction UX/UI

Каспер — имя персидского происхождения которое означает хранитель сокровищ или казначей.
Целевая аудитория приложения — предприниматели и трейдеры из арабских стран (ОАЭ, Кувейт, Саудовская Аравия, Египет, Катар и другие), преимущественно мужчины от 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

Завершён

Статуэтка DPA 2024

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

DPA 2024

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

Behance

Best of Behance

Behance

Interaction UX/UI

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

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

UX/UI-дизайн

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

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

Богдан Кривенченко

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

Ислам Ахмедов

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

Артём Кузнецов

Dispersion

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

Александр Семёнов

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

Настя Добро

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

Flatonica

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

hi@flatonica.com

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

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

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

При нажатии на кнопку "Отправить" вы принимаете условия пользовательского соглашения и даёте согласие на обработку персональных данных

zakupki@flatonica.com

Пригласить в тендер (закупки)

Успешно консультируем и разрабатываем цифровые решения для бизнеса и государства. Среди клиентов: LabelUp, JAMI LUP, Аукционный Дом РФ, Сколково, ВНИИИМТ, Росздравнадзор, ЗаЧестныйБизнес, BID1 и др.