Digital wallet iOS Mobile App Design PNG File
Digital wallet iOS Mobile App Design PNG File
Digital wallet iOS Mobile App Design PNG File
Digital wallet iOS Mobile App Design PNG File
Digital wallet iOS Mobile App Design PNG File
Digital wallet iOS Mobile App Design PNG File

Project introduction

About

It's a cutting-edge mobile wallet designed specifically for freelancers, Content Creators, and Digital Nomads.

Using Zephyr Wallet, receiving crypto payments and payouts from different online marketplaces becomes effortless. What distinguishes our platform is the secure storage of your earnings in USD and the convenient global fund transfers at your disposal. You can seamlessly select from Crypto Payments, Bank transfers, or Mobile top-ups. Enjoy the freedom and convenience of managing your hard-earned money with Zephyr Wallet!

My Role

Ideate
Research
Wireframing
Presentation
Lo-Fi Prototyping
Hi-Fi Prototyping
Visual design

Category

AI Based sports assessment

Category

Digital wallet

Type

IOS App Design

Timeline

One Month

Digital wallet iOS Mobile App Design PNG File
Digital wallet iOS Mobile App Design PNG File
Digital wallet iOS Mobile App Design PNG File

Objective

Digital wallet iOS Mobile App Design PNG File
Digital wallet iOS Mobile App Design PNG File
Digital wallet iOS Mobile App Design PNG File

Problems

To enhance the user experience, the goal is to develop a more intuitive and user-friendly introduction screen. This screen should facilitate easy exploration of information about supported merchants, exchange rates, and available countries/banks for sending money. The absence of this essential feature has posed a challenge, which is being addressed.

Solutions

To enhance the user experience, an interactive intro screen will be created. This screen will enable easy exploration of supported merchants, exchange rates, and countries/banks for money transfers. Clear navigation will allow users to switch between sections effortlessly. Detailed information about each supported merchant, including logos, descriptions, and special offers, will be provided. An exchange rate calculator for quick and accurate currency conversions will be integrated. A user-friendly interface for selecting countries and displaying available banks, along with relevant details like fees and processing times, will be developed. These improvements, presented within an engaging design, will allow users to effortlessly explore and access critical information, addressing the challenging aspect of the design.

Primary and Others

Brand
Colors & Font

01

RGB 255 255 255

HEX #FFFFFF

02

RGB 217 217 217

HEX #D9D9D9

03

RGB 068 070 079

HEX #44464F

04

RGB 168 060 018

HEX #A43C12

05

RGB 000 031 037

HEX #001F25

06

RGB 119 220 122

HEX #77DC7A

07

RGB 166 238 255

HEX #A6EEFF

08

RGB 006 039 102

HEX #2559BD

09

RGB 000 044 112

HEX #002C70

Poppins

Poppins

I use two fonts for this project:
Gloock and Inter.

abcdefghijklmnopqrstuvwxyz

abcdefghijklmnopqrstuvwxyz

0123456789

Regular

Medium

Light

H1- 70 H2- 56 H3- 44

paragraph- 18, 16, 14

H1- 70 H2- 56 H3- 44

paragraph- 18, 16, 14

H1- 70 H2- 56 H3- 44

paragraph- 18, 16, 14

Ideate basic structure

Wire-framing

After conducting online research, I have enclosed the basic firmware structure of the IOS App. Based on that, I will develop both Lo-fi and Hi-fi prototypes.

Wireframe Design PNG Image
Wireframe Design PNG Image
Wireframe Design PNG Image

About

Design

aesthetic appeal and usability through the use of images, typography, space, and layout.

Login Screen Mobile App Design PNG Image
Login Screen Mobile App Design PNG Image

Login and onboarding

On this screen, users can either log in to send or receive money worldwide or explore the options for sending or receiving money and the latest updated currency conversion rates without logging in.

Login Screen Mobile App Design PNG Image

Login and onboarding

On this screen, users can either log in to send or receive money worldwide or explore the options for sending or receiving money and the latest updated currency conversion rates without logging in.

Popup exploration

If a user chooses the "Receive" option on the login screen, they can then explore how the payment methods work by interacting with the plus sign symbols.

onboarding Screen Mobile App Design PNG Image
onboarding Screen Mobile App Design PNG Image

Popup exploration

If a user chooses the "Receive" option on the login screen, they can then explore how the payment methods work by interacting with the plus sign symbols.

onboarding Screen Mobile App Design PNG Image
onboarding Screen Mobile App Design PNG Image
onboarding Screen Mobile App Design PNG Image

Popup exploration

If a user chooses the "Send" option on the login screen, they can then explore how the payment methods work by interacting with the plus sign symbols.

onboarding Screen Mobile App Design PNG Image

Popup exploration

If a user chooses the "Send" option on the login screen, they can then explore how the payment methods work by interacting with the plus sign symbols.

Home

After logging in, users can do the following:

Check their balance. Send start transections. Compare currency rates and market indicators. View their transaction history with filter options.

explore additional options by using the button navigation.

home Screen Mobile App Design PNG Image
home Screen Mobile App Design PNG Image

Home

After logging in, users can do the following:

Check their balance. Send start transections. Compare currency rates and market indicators. View their transaction history with filter options.

explore additional options by using the button navigation.

home Screen Mobile App Design PNG Image
filter Screen Mobile App Design PNG Image
filter Screen Mobile App Design PNG Image

Filter

Users can also filter and view their transactions using the transaction filter options.

filter Screen Mobile App Design PNG Image

Filter

Users can also filter and view their transactions using the transaction filter options.

Receive money

To receive money, there are two available options: Crypto Transfer and E-Marketplace. If a user opts for the "Explore" drop-down, they can learn about the workings of these payment methods by interacting with them.

receive money Screen Mobile App Design PNG Image
receive money Screen Mobile App Design PNG Image

Receive money

To receive money, there are two available options: Crypto Transfer and E-Marketplace. If a user opts for the "Explore" drop-down, they can learn about the workings of these payment methods by interacting with them.

receive money Screen Mobile App Design PNG Image

Thank you
for your time!

Please don't hesitate to share
any feedback about the project.