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

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

Overview

Sourcing is a social crypto wallet designed for first-time users and multilingual communities. I led the end-to-end product design across mobile app and web, from feature definition to visual identity, helping translate complex crypto concepts into familiar, intuitive experiences.

Team

Lead UX/UI Designer
1 Product Manager
4 Developers

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

My Contribution

🪙 Reimagining Crypto Transactions

  • In-Chat Transaction: Simplified token transfers by embedding them directly into conversation threads, reducing friction and making crypto feel as intuitive as messaging a friend.

  • Wallet Activity Redesign: Streamlined the transaction history interface to support clearer browsing across sends, receives, buys, sells, and NFTs.

  • Multi-Chain Support: Designed scalable UX patterns to support token management across Ethereum, BNB, and other blockchain networks.

📡 Sourcing Daily News Module

Designed and launched a dynamic in-app news feature—Sourcing Daily—that enabled our team and partners to publish real-time crypto updates, market trends, and educational content directly to users.

🎥 Educational Video Series

Produced and designed 10+ tutorial videos showcasing Sourcing’s key product features and ecosystem tools. These assets increased user comprehension, supported customer onboarding, and strengthened brand trust across platforms.

🧱 Cross-Platform Design System

Built and maintained a scalable design system to support consistent UX across iOS and Android. The system standardized typography, components, interaction patterns, and token logic to enable efficient developer handoff and reduce visual debt as the product scaled.

🟡 Context

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

Steep learning curve

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

Low trust

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

Poor usability

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

Design Objectives

Simplify Complexity

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

Encourage Engagement

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

Build Confidence & Trust

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

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 1: Reimagining Crypto Transactions

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.

  1. In-Chat Transaction

Step 1: Send in Chat

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

Step 2: Enter Amount + Note

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

Step 3: Preview + Face ID Confirmation

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

Step 4: Transfer Confirmation in Chat

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

  1. Dashboard Redesign & Multi-Chain Support

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.

The Original Dashboard and Transaction Flow

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

  1. Introduced a robust transaction filter for users to view:
    → Sends
    → Receives
    → Buys & sells
    → NFT purchases
    → E-commerce order history

  1. Empowered users to send crypto to friends outside of chat, directly from the dashboard:
    → Select from contacts
    → Scan a QR code
    → Manually enter a wallet address

  1. Added network indicators and chain-specific filters so users could understand which transactions occurred on which blockchain

🗞️ Core Contribution 2: Sourcing Daily – In-App News Module

As we expanded Sourcing’s core wallet experience, our business stakeholders and ecosystem partners identified a strategic opportunity to create a native, in-app communication channel for sharing updates, educational content, and market insights. This feature was designed to strengthen trust, drive engagement, and establish a direct connection between the product, its users, and the broader ecosystem.

💡 Solution: Sourcing Daily

I led the design of Sourcing Daily, a dynamic, lightweight news module embedded directly into the product’s home experience — designed to be informative, non-intrusive, and scalable.

1. 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

  1. 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

  1. 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

🟩 Supporting Systems: Design System & Platform Scaling

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

Outcomes & Impact

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

1000+

Screens Delivered

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

Simplified Crypto for New Users

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

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.

Trusted by

3000+

Users

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

My Takeaway

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.

This project reinforced a core belief I carry into every product: good design doesn’t just simplify — it empowers.

Let’s Collaborate

©

2024 Jingjing Han

Let’s
Collaborate

©

2024 Jingjing Han

Let’s
Collaborate

©

2024 Jingjing Han