Sourcing app screens

Sourcing

0-1 Design: In-Chat Transactions for Seamless, Secure Crypto Exchanges

A privacy-first messaging app and crypto wallet built for beginners

Sourcing is a privacy-first communication and financial tool that combines secure messaging with a crypto wallet — helping newcomers explore and understand crypto, securely store assets, and transact, all while staying connected with like-minded communities.

Timeline
8 months
Product Type
Mobile First0-1 Design

My Role

Founding DesignerLead UX/UI Designer

As founding designer, I joined at MVP stage and shaped product vision and execution — owning end-to-end design of the core crypto experience, from rethinking token transfers as in-chat interactions to defining scalable wallet, dashboard, transaction, and multi-chain UX across Ethereum and BNB.

Beyond core flows, I established content and education strategy by launching Sourcing Daily and producing onboarding tutorials, and built a cross-platform design system supporting rapid iteration across iOS and Android.

In parallel, I built a cross-platform design system to support rapid iteration across iOS and Android, reduce design debt, and enable the team to scale efficiently as the product evolved.

Overview

Who Sourcing is for, and what we set out to solve

Audience

Sourcing was designed for crypto beginners, older adults, and multilingual users — individuals often overlooked by mainstream crypto products. Many were first-time wallet users unfamiliar with Web3 concepts, terminology, or decentralized finance.

Product Goals

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.

Challenges

01
Steep learning curve

Crypto concepts like wallet setup, gas fees, and private keys confused beginners and led to early drop-off.

02
Low Trust

Users were wary of scams and irreversible mistakes, making reassurance a key design priority.

03
Poor Usability

The MVP had fragmented flows, inconsistent UI, and lacked accessibility — especially for older and multilingual users.

Design Objectives

Design objectives

01
Simplify Complexity

Break down multi-step crypto flows into guided, digestible steps with minimal jargon or technical overhead.

02
Build Confidence & Trust

Use confirmations, visual feedback, and familiar interface patterns to help users feel secure during sensitive actions like sending tokens.

03
Encourage Engagement

Use social behaviors (like chatting with friends) to make transactions feel natural and drive adoption of in-app transfers.

04
Support Scalability

Create a scalable system that supports future features across multiple chains while maintaining consistency through a reusable, cross-platform design system built for iOS and Android.

Core Contribution

01

Reimagining Crypto Transactions

Turning token transfers from an intimidating wallet task into something as natural as sending a message — the core bet of the product.

PRODUCT VISION

Turning Transfers into Conversations

To make crypto transactions feel less intimidating and more intuitive, we embedded the send/receive token feature directly into the chat interface. This allowed users to transfer assets as naturally as sending a message which reduces the friction of traditional wallet workflows and reinforces a familiar, social context. By tying the act of transacting to everyday conversation, we helped users build confidence and emotional trust in using crypto.

Chat with a transfer action in the composerSelecting a crypto to send
Step 01

Send in chat

Users initiate a crypto transfer directly within a conversation, mimicking familiar peer-to-peer interactions like sending a message or photo.

Entering the transfer amountAmount and note filled in, ready to send
Step 02

Enter amount & note

Users enter the amount and optional note, reinforcing purpose and personalization — key for building emotional clarity and reducing transaction anxiety.

Transaction preview with amount, recipient, network fee and totalConfirm the transfer with Face ID
Step 03

Preview & confirm with Face ID

Before sending, users review full transaction details and confirm securely with biometric ID, establishing trust and a sense of control.

Transaction confirmation with order ID and statusTransfer confirmation card inline in the chat
Step 04

Confirmation in the thread

Once complete, the transaction appears inline in the chat — visually consistent with the message thread, reinforcing a seamless, social-first experience.

The In-chat Transaction Flow

The entire in-chat transaction flow, end to end across nine screens

Core Contribution

02

Dashboard Redesign & Multi-Chain Support

A dashboard that scales to multi-chain and social payments.

PRODUCT EVOLUTION

Designing for a More Complex Wallet Experience

As the product evolved beyond basic buy/sell functionality, we needed to transform the wallet dashboard into a central command center — supporting multiple transaction types, multi-chain activity, and social payments — all while staying beginner-friendly.

Why This Was Needed?

The original dashboard showed only basic buy/sell records with no filtering, poor hierarchy, and no user control. As we introduced features like in-chat transactions, Web3 e-commerce purchasing, and multi-chain token support, the transaction center needed to become smarter, clearer, and more extensible.

Key redesign changes

Step 01

Redesigned the entire wallet dashboard with a modular card layout, unified interaction patterns, and a strong information hierarchy.

Redesigned wallet dashboard with modular card layoutRedesigned wallet dashboard viewRedesigned wallet dashboard viewRedesigned wallet dashboard view
Step 02

Introduced a transaction filter for sends, receives, buys & sells, NFT purchases, and e-commerce orders.

Transaction filter viewTransaction filter viewTransaction filter view
Step 03

Enabled sending crypto to friends from the dashboard via contacts, QR code, or manual address.

Send crypto to friends from the dashboardSend crypto to friends from the dashboardSend crypto to friends from the dashboardSend crypto to friends from the dashboard
Step 04

Added network indicators and chain-specific filters to clarify which chain each transaction occurred on.

Network indicators and chain-specific filtersNetwork indicators and chain-specific filtersNetwork indicators and chain-specific filtersNetwork indicators and chain-specific filters

Core Contribution

03

Sourcing Daily — In-App News

A lightweight news module that builds trust and daily engagement — connecting the product, its users, and the wider ecosystem.

ECOSYSTEM BUILDING

From Utility Wallet to Ecosystem Companion

I led the design of Sourcing Daily, a lightweight news module embedded in the home experience to strengthen trust, drive engagement, and connect product, users, and the broader ecosystem — informative, non-intrusive, and scalable.

Top news carousel on the chat home screenTop news carousel on the chat home screen
Step 01

Top News Carousel on Home

  • Embedded at the top of the chat home screen to maximize visibility
  • Displays the latest update from each partner/content channel
  • Swipe-to-dismiss interaction respects user autonomy and keeps the interface clean
Dedicated news feed view organized by channelDedicated news feed view organized by channel
Step 02

Dedicated News Feed View

  • Full-screen layout organized by content channels
  • Includes metrics like view counts and timestamps to build trust and legitimacy
  • Features like “Report concern” and “Share” enhance safety and reach
Authoring interface for internal and partner teamsAuthoring interface for internal and partner teams
Step 03

Authoring Interface for Internal & Partner Teams

  • Lightweight, intuitive post creation and management tools
  • Teams can select a channel, write/edit posts, and manage visibility (public/private)
  • Enables partners to publish content without requiring technical integration

Core Contribution

04

Design System & Platform Scaling

A scalable design foundation that unified components, interaction patterns, and documentation across iOS, Android, and future web surfaces.

PRODUCT INFRASTRUCTURE

Supporting Design System & Platform Scaling

As the sole designer on a fast-moving team, I built and maintained a scalable design system ensuring consistency across iOS, Android, and future web — enabling faster iteration, clearer handoff, and long-term sustainability.

Design system
Design system
Design system
Outcomes

Results & Impact

The app has been successfully shipped and is actively used across China, the U.S., Japan, and Taipei.

01
1000+ Screens Delivered

Designed and delivered over 1000 unique screens across Wallet, Chat, NFT, Market, and Profile modules — all within a tight development timeline.

02
Simplified Crypto for New Users

Redesigned transaction flows, including in-chat transfers and dashboard-based sends, to make complex crypto actions feel intuitive and help first-time users navigate with clarity and confidence.

03
Reframed Transactions as Conversations

By embedding token transfers directly into the chat interface, the app transformed a traditionally technical process into a familiar social interaction, lowering the barrier for crypto adoption.

04
Trusted by 30K+ Users

Sourcing is now trusted by 30,000+ users, establishing a strong foundation for future product and partner growth.

Design Takeaways

What I Learned About Designing for Trust

Belief

Good design doesn't just simplify — it empowers.

Designing for Sourcing taught me how to translate complex, unfamiliar systems into experiences that feel human, social, and intuitive. Working as the sole designer across mobile, content, and infrastructure, I learned to balance business goals, stakeholder priorities, and user needs — often with limited time and resources. I also deepened my ability to design for scalability and trust: building a transaction ecosystem that supported both technical growth (multi-chain, e-commerce, component reuse) and emotional clarity for crypto beginners.