top of page

Crypto Wallet

As part of a revolutionary web3 initiative, I designed a crypto wallet from the ground up to empower end users and enhance their crypto experience.
yash-bindra-VQNnHIU_WVg-unsplash.jpg

The problem

Our client is an ambitious start-up disrupting the web3 space. Their core mission is to leverage new technologies to remove the friction and complexity that comes with online identity and asset ownership, to empower everyday people with increased control of their digital self.

Mapping the Vision

To kickstart the project, we:

  • Reviewed a recording from our client outlining the vision for Proxy.

  • Mapped out features and identified potential gaps based on the recording.

  • Presented these insights in a workshop to further refine and expand the feature set.

  • Ran an exercise to understand must have, should have, could have, won't have features. 

​

Prioritising for Impact

After mapping the features, we:

  • Focused on prioritising the features to determine the best starting point.

  • Identified high-priority features to guide the project’s initial phase.

The project

Turning Vision into Reality

We set out to bring our client’s vision to life by creating an engaging and accessible experience for both web3 newcomers and enthusiasts. In just three months, we delivered:

  • A distinctive new brand.

  • A cutting-edge web3 wallet application.

​

Collaborative Success

Our multidisciplinary team of designers, developers, and content creators worked closely with the client to:

  • Translate ideas into tangible outcomes.

  • Equip the business with the tools for success.

​

My Role: UX Leadership

As the sole UX designer for the coins tab and feed sections, I:

  • Led workshops and conducted research to define the design direction.

  • Created seamless user experiences that aligned with project goals.

  • Mentored other designers to ensure consistency across the app.

Screenshot+2023-04-16+at+00.31_edited.jp

ROLE              Senior UX designer

DURATION     10 weeks

DEVICES        Mobile application

PROJECT       Research, workshops, discovery,                                                archetypes, audit, userflows, highfidelity                                    wireframes, annotations, handover to UI & dev                          teams

Workshops & kickoff

Setting the Stage for Success

We kicked off the project with in-person workshops over the course of a week, collaborating with the Beyond team and our client to:

  • Understand the product and their vision for the future of web3.

  • Identify and prioritise the target audience for the next 10 weeks.

  • Conducted a prioritisation workshop to identify essential features.

  • Determined which features to design first for maximum impact.

Feature definition

Screenshot+2023-04-28+at+16.16_edited.jp

Crypto competitor research

Screenshot+2023-04-26+at+13.18.43.png
Exploring the Web3 Landscape

As part of our research, we conducted a competitive analysis of the web3 and crypto space to:

  • Understand the language used in the industry.

  • Identify opportunities for improvement and differentiation.

​

Competitor Insights

We analysed popular wallets, including:

  • Phantom

  • MetaMask

  • Coinbase

  • Binance

Our focus was on their unique features, user experience, and security measures.

​

​

User flows for the coins tab

Aligning Vision and Design

To ensure our designs met the client’s vision, we:

  • Presented four potential user flows focused on key wallet features, including:

    • Coins and currencies

    • Buying, selling, sending, and receiving cryptocurrencies.

​

Creating Seamless Experiences

Our goal was to craft a smooth and intuitive user experience for cryptocurrency transactions.

​

Moving to Wireframes

After receiving client approval, we transitioned to the wireframing process to start shaping the user interface.

Screenshot+2023-04-26+at+13.25.23.png

Designing the
coins tab

​Iterative Design Process
  • Included four rounds of design iterations.

  • I designed 16 journeys

​

Unique Features
  • Displays total assets across all wallets/ currencies a feature not yet available in the market.

  • Ability to share assets securely with friends. 

  • Two Viewing Options: Currency View & Wallet View

Coins tab overview

Group+3612.png

CURRENCY VIEW

WALLET VIEW

ETH/CURRENCY OVERVIEW

Protected wallets

Addressing a Critical Concern
  • Client Insight: Many crypto holders fear being robbed and forced to transfer funds.

  • Solution: Developed three types of wallets designed to protect users' assets.

​

Enhancing Security
  • Peace of Mind: Provides users with confidence that their assets are secure from threats.

  • Trusted Users Feature: One of many measures implemented to safeguard crypto assets.

Group+3617+(1).png

SELECT WALLET TYPE

SELECT SECURITY CONTACTS

COMPLETE SET-UP

Group+3613+copy.png

Trusted Users

Enhanced Security for Crypto Transfers
  • Trusted Users Feature: Adds an extra layer of security for sending large amounts of crypto.

  • Approval Mechanism: Requires approval from authorised contacts before transfers are completed.

​

Key Features
  • Trusted & Fort Knox Wallets:
    Feature available exclusively for these secure wallets.

  • Pre-Authorisation Option:
    Users can pre-authorise specific contacts, reducing the risk of unauthorised transfers.

SEND ETH

SELECT TRUSTED USER

PENDING APPROVAL STATE

Drag-and-Drop Transfers

Simplifying Wallet Transfers
  • Quick & Intuitive: Users can long-press a currency in one wallet and drag it to the desired destination.

  • Secure Transactions: Includes a confirmation screen to reduce the risk of sending crypto to the wrong wallet.

  • Fast and Simple: Designed for a seamless user experience.

  • Minimised Errors: Ensures accuracy with an extra confirmation step.

Group+3618.png

WALLET VIEW

DRAG CURRENCY TO WALLET

APPROVE TRANSFER

Changing Wallet Settings

Flexible Multi-Sig Wallets
  • User Control: Modify wallets as needed by adding or removing trusted contacts.

  • Adaptability: Accommodates changes, such as losing contact with previously trusted individuals.

​

Key Benefits
  • Enhanced Security: Ensure only trusted individuals can approve transactions.

  • Seamless Management: Easily update wallet settings to suit evolving needs.

Group+3619.png

PROXY WALLET 

> GO TO SETTINGS

​

EDIT WALLET

​

RESTRICED USERS

Final UI design

Group+3621.png

BY UI DESIGNER MANISHA

Designing
the feed

App Feed Overview

Centralised Hub for Activities
  • Stay Updated: Access a central feed to track all activities across the app.

  • Filter Options:

    • All Activity: View everything at a glance.

    • Requests: Monitor pending actions.

    • Transactions: Keep track of financial movements.

    • Activity: Stay informed about general updates.

    • Messages: Manage conversations with ease.

Messages in the Feed

Integrated Chat Functionality
  • Seamless Communication: Chat directly with other users within the app.

  • Transaction Capability:

    • Send and receive cryptocurrencies directly through the chat.

    • Secure and convenient for in-app transactions.​

​

Key Benefits
  • All-in-One Solution: Combine messaging and transactions in a single platform.

  • Enhanced Security: Conduct crypto exchanges in a protected environment.

MESSAGES

SEND/ RECEIVE CRYPTO

SEND CRYPTO

Authorising Payments

Multi-Sig Wallet Approvals
  • Notification Alerts: Users in a multi-sig wallet receive in-feed notifications for payment authorisations.

  • Time-Limited Authorisations: Adds an extra layer of security by setting a deadline for approvals.

​

Trusted Contact Verification
  • Verified Contact Banner: Clearly displays if the recipient is a known and trusted person or company.

  • Enhanced Confidence: Ensures users feel secure when transacting.

AUTHORISE PAYMENT

DECLINE PAYMENT

DECLINE REASON

Approving Bid Requests

Group+3673.png

ALL ACTIVITY

REQUESTS

TRANSACTIONS

ACTIVITY

Group+3613+copy+2.png
Group+3675.png
  • Scam Protection Alerts
  • Suspicious Activity Banner: The app flags users like "Open Seea" as likely fraudulent.

  • Proactive Warnings: Helps users identify and avoid potential scams.

  • ​

  • User Guidance
  • Advisory Notifications: Encourages users to steer clear of flagged transactions.

  • Enhanced Peace of Mind: Ensures a safer experience for all app activities.

APPROVAL

CONFIRMATION

Final UI design

Group+3673+copy.png

BY UI DESIGNER MANISHA

Final thoughts

Overall, this project has been one of my favorites, both challenging and rewarding. Not only was it an opportunity to work with a client in the exciting world of crypto, but it also gave me the chance to learn about the future of the internet and its potential benefits to society. From researching competitors to developing user flows and wireframes, each step of the process was an opportunity for growth and exploration. As the project comes to a close, I feel proud of what we've accomplished and excited about the possibilities for the future of cryptocurrency wallets.

bottom of page