0-1 Design Sourcing app’s in-chat transactions for seamless, secure crypto exchanges

Context

Sourcing App is a powerful all-in-one communication tool that seamlessly integrates a privacy-focused messenger with a secure crypto wallet. Connect with friends and communities while securely buying, storing, and exchanging digital assets.

My Contribution

As the sole UX/UI designer, I led the end-to-end redesign of mobile app and product launching website, refining branding and user experience. I developed two key features: 1. enable seamless transaction within chat to reduce transaction steps and 2. integrating multi-chain support, requiring a complete redesign of the transaction flow for effortless cross-chain transfers. Additionally, I created a new module, Sourcing Daily, a news board for publishing insights on the crypto market, allowing both our company and partners to share updates.


I also supported marketing efforts by producing 10+ YouTube educational tutorial videos, showcasing how to navigate and maximize the use of our products. These videos covered various features across our product ecosystem, including our crypto-supported e-commerce platform, helping users understand how to shop seamlessly using cryptocurrency. By creating engaging and educational content, I contributed to strengthening our brand presence and improving user adoption.

Team

Lead UX/UI Designer
Product Manager
Blackchain Developers
Marketing & Business Stakeholders

Timeline

New York, NY
7 months

Dec 2023 - June 2024

Type

B2C, Mobile Design, Adding Feature from 0-1, Web Design, Branding/Visual Design, Video Editing

Tools

Figma, Framer, After Effect

A walkthrough of Sourcing in-chat transaction design

👀 Final Design Preview

🧐 Product Research

To maintain the integrity of Sourcing App during a redesign, it’s essential to understand the problem it solves and how it addresses that problem.


Sourcing App is a privacy-first communication and financial tool. It combines secure messaging with a crypto wallet, ensuring users can interact and manage digital assets without compromising privacy.


Sourcing App helps newcomers explore and understand crypto. It provides an intuitive platform where users can learn about digital assets, securely store them, and engage in transactions—all while staying connected with like-minded communities.

💡 Hypothesis

Implementing a transfer feature within chat will simplify peer-to-peer transactions, enhance user engagement, and drive adoption of in-app transfers

1. Encourage Engagement & Transactions

Leverage the implemented transaction feature to drive user activity in sourcing by incentivizing interactions, increasing engagement in chat, and encouraging users to explore crypto transactions.

2. Seamless & Intuitive Experience

Reduce the friction in the sourcing process by simplifying transaction steps, making it easier for users to navigate, negotiate, and complete transaction with minimal effort. The new design should streamline actions and improve efficiency.

3. Scalability & Flexibility

Design a system that supports different sourcing needs across various product categories and payment options while remaining adaptable to future enhancements.

🤔️ Design Strategy

1

Simplify Navigation to Transactions

2

Enhance Transaction Transparency

3

Optimize Confirmation & Security

1

Simplify Navigation to Transactions

Revamp the user journey to render in-chat cryptocurrency dealings more intuitive and accessible with less clicks relative to the conventional transaction process.

Original Transaction Flow

Open Asset Tab & Select Transfer

Enter Receiver's Wallet Address

Choose the Cryptocurrency & Enter amount

New In-Chat Transaction Flow After Design

Open Asset Tab & Select Transfer

Choose the Cryptocurrency & Enter amount

2

Enhance Transaction Transparency

Clearly display transaction details (fees, confirmations, status) within the chat to improve user trust and clarity.

3

Optimize confirmation & security

To make in-chat transactions feel effortless yet fully secure, we integrate Face ID authentication and real-time transaction updates.

My Takeaway

01

Balancing business needs with user needs effectively is crucial in a rapid development environment, where quick decision-making and stakeholder engagement are key to aligning design choices with strategic objectives and enhancing user satisfaction.

02

Bringing visuals to discussions with cross-functional partners is highly effective when sharing initial ideas. By presenting low-fidelity explorations and visual references, I was able to enhance communication with engineers and product managers, clarifying the feasibility and timeline of the project.

03

I managed multiple projects by setting priorities based on project timelines, user needs, and business objectives. Sharing these priorities in meetings enhanced my flexibility and streamlined project management.

Let’s Collaborate

©

2024 Jingjing Han