Pay with Yat

View Website
Description
Yat is more than just a string of emojis; it's also a way for users to send and receive crypto. How can we create an easy-to-use experience that allows users to connect their wallet addresses to their Yats? I led the design and user experience for this project.
Services
UI/UX Design
Project Lead
Research
Client
Yat Labs

How we built it

In Yat's early phases, a key feature was enabling crypto transactions using emojis instead of complex alphanumeric addresses, making the crypto world less daunting. Current solutions like ENS provided inferior user experiences, so we aimed for a highly user-friendly and aesthetically pleasing approach. Moreover, we intended to highlight our numerous wallet app integrations, simplifying signup and connection processes for new users.

Getting Started

Before starting this project, I spent time with the team aligning on our goals and researching. We looked at experiences such as ENS (Ethereum Name Service) to better understand how other projects allow users to reroute addresses.

Overall, we wanted this feature to:

  • Allow users to very quickly connect addresses to their Yat
  • Be lightweight and portable, so it can be used in many places throughout the app
  • Educate users on why this feature is valuable
  • Educate users on which wallet apps support Yats

Initial Explorations

For our first iteration of this project, we focused a lot on simplicity and portability. Instead of creating a new interface for this feature, I explored containing everything in a side module that could easily be recalled across the entire app.

The interface worked as a solution that allowed users to make connections by simply adding an address. The problem with this layout was that the minimal space made it difficult to highlight our partner integrations.

Exploration Iteration

After our first round of exploration, we built upon the side panel to allow for more education on the feature and our partner integrations. We also explored refining the process for adding and connecting addresses.

The new interface

Ultimately, we moved away from a side panel and created a full-screen experience. We chose to take this route because it gave us more room to work with, made the interface and experience less noisy, and allowed the feature to scale more easily as partnerships at Yat continue to grow.

Partner Integrations

We wanted our partner integrations to feel actionable. Instead of just listing apps we are connected to, we allow users to connect directly to our partners by simply scanning a QR code.

Connect Addresses

We also greatly improved how users connect new addresses to their Yat by creating a stepped experience that guides users through the process. We wanted to make sure anyone new to Yat or crypto, in general, could use this feature without feeling overwhelmed or confused.

Challenges & Learnings

This project entailed unique challenges, such as facilitating user-friendly address connections to Yats and educating users about Yat-supporting partners. We streamlined partner app connections by introducing QR code scanning, which automatically sets up wallet connections within the app, keeping users within the Yat experience. I'm extremely satisfied with this feature, as it is superior to those currently available on the market