Digital Wallet Concept Designs




Overview

I wanted to create a digital wallet design concept that would look and feel similar to creating a digital wallet via Facebook.


Objectives

  • Create a digital wallet concept in Figma that resembles a Facebook digital wallet

  • Allow users to see their wallet balance

  • Allow users to top up their Facebook wallet via their bank account




Future Opportunities

Whilst I have included initial design concepts for how the look and feel of the digital wallet might look, there will be future opportunities such as the following for the product to expand on:

  • Cryptocurrency

  • Digital payments via Instagram shopping

  • Share and pay friends via their wallet


UI Figma Design Setup

I created the card UI element initially in Figma and created variations of that component which allowed me to switch in Figma by setting the property type.



By structuring the properties of the components in Figma neatly, this allowed me to be more efficient when assessing which card colours strongly stood out more on the initial landing page UI.