Back
Back
GiaoLong Global
Simplifying a complex, multi-product crypto ecosystem into
one seamless Web3 Super App.
Check out
ROLE
UI/UX Design
DURATION
3.5 Weeks Sprint
PLATFORM & DOMAIN
Mobile IOS App
Super App
Fintech / DeFi
SKILLS
Product Design
User Research
Interaction Design
THE CHALLENGE
Building a "Super App" that combines traditional banking (Neobank) with Web3 features (Wallet, Mining, Staking) creates a massive web of user paths. A simple "happy path" wasn't enough; we needed to account for every security check and decision point
THE SOLUTION
IMG
Building Trust Through Structured Clarity
The Blueprint: Logic Before Pixels Mapping out the user flow is a foundational step I never overlook, especially for complex financial products. By visualizing every logic branch in detail, I created a clear "source of truth" for the team. This ensured the developers had a precise reference for the backend logic, making the implementation phase significantly smoother and error-free
Trust is the currency of FinTech.1 I designed a Progressive KYC Flow that breaks down rigorous security checks into simple steps.
VID
Frictionless Onboarding & Security (KYC
Visual Guidance: Instead of a long, intimidating form, the UI guides the user screen-by-screen (e.g., "Scan Front of ID" then "Scan Back"), significantly reducing drop-off rates.
Instant Feedback: Clear status indicators (Success/Pending) ensure users always know where they stand in the verification process.
I transformed complex financial instruments (Staking, Mining, Saving) into a clean, unified interface that feels as simple as checking a bank balance
IMG
The "Earn" Suite: Simplifying Wealth Management
Unified Dashboard: Instead of burying features in menus, I designed a central Earning Hub that aggregates data from Staking, Mining, and Saving into one "Total Earning" figure. This gives users an instant snapshot of their entire portfolio performance.
Visualizing Growth (APY): To drive conversion, I prioritized APY (Annual Percentage Yield) visibility. In the Saving and Staking screens, interest rates (e.g., "1,247.32%") are highlighted in green, creating a clear visual hierarchy that guides users toward high-performing assets.
Smart Segmentation: I separated "Your Subscribe" (active assets) from "Recommended" (opportunities). This prevents clutter and helps users distinguish between what they own and what they could earn, reducing cognitive load during decision-making.
IMG
My goal was to translate complex backend rules into simple visual cues that anyone can understand
Mining: I converted technical metrics like "Hashrate" into a clear progress bar, making the task of increasing mining power feel like a simple, actionable game rather than a technical chore.
Vesting: Instead of displaying raw data tables, I designed a visual timeline. This allows users to instantly see when their assets unlock without needing to perform manual calculations.
IMG
My goal was to translate complex backend rules into simple visual cues that anyone can understand
Visualizing Real-Time Data I designed the Mining Dashboard to make technical performance easy to track. By displaying critical metrics—like "Mining Power" and "Time to Next Reward"—in clear, bite-sized cards, users can monitor their node's health instantly without getting lost in the numbers.
Tracking Vesting Status For the History screen, I focused on scannability. I used color-coded tags (Yellow for In Progress, Red for Locked) so users can identify the status of their assets in seconds, ensuring total transparency in their vesting schedule.
VID
Frictionless "Neobank-Style" Deposits
Linear Simplicity: Instead of overwhelming the user with technical data, I broke the process into three intuitive steps: Select Currency -> Choose Network -> Get QR. This linear progression prevents cognitive overload and mimics the "Transfer" flows users already know from traditional finance.
Error Prevention: Critical decisions, like Network Selection (e.g., BTC vs. Lightning), are isolated on their own screens with clear arrival time estimates. This ensures users pause and make the correct choice before generating a wallet address, significantly reducing the risk of lost funds.
QR SCAN TO SEND - AIMING FOR UTILIZE THE $GLC TOKEN FOR PAYMENT
IMG
"Point & Shoot" Transfers
I simplified peer-to-peer transactions by removing the friction of manual address entry. The Quick QR Scanner allows users to initiate transfers instantly by pointing their camera, while the Receive Flow is optimized for social sharing. With a single tap, users can generate their wallet QR code and share it via native iOS sheets (AirDrop, Messenger), making sending crypto as easy and familiar as sending a photo.
GAMIFIED RETENTION LOOP
IMG
Game and Reward Tab
To drive daily engagement beyond standard trading, I integrated a "GameFi" reward system directly into the user's routine. By designing a visual Daily Check-in tracker and an interactive Lucky Spinner, I transformed passive app opens into habit-forming micro-interactions. The Mission List offers clear, bite-sized goals (e.g., "Mission 1: +50 GLC"), giving users a constant sense of progression and immediate gratification that keeps retention rates high.
LAUNCHPAD & NFT MARKETPLACE
IMG
Simplifying Asset Discovery
I designed the Launchpad and NFT Marketplace to make investing feel familiar and safe. For token launches, I balanced excitement with clarity by using visual countdowns and organized tabs, helping users research projects without getting overwhelmed. Similarly, I built the NFT section using standard e-commerce patterns—like clear price tags and local currency toggles—so users can browse digital collectibles with the same confidence they have when shopping online.
THE ECOSYSTEM GATEWAY
The final piece of the puzzle was structuring the Main Menu to house the entire Giao Long ecosystem without clutter.
IMG
Unifying Lifestyle & Finance
Scalable Grid System: I designed the Mini App Dashboard using a modular grid layout. This allows diverse services—from "GLC Trade" to lifestyle apps like "Bave Car" and "PowerShop"—to coexist on one screen, making the app future-proof as new features are added
Contextual Navigation: Instead of crowding the bottom bar, I housed specialized Web3 tools (Launchpad, NFT Marketplace) inside a dynamic Explore Action Sheet. This keeps the primary interface clean for daily use while ensuring advanced features are always just one tap away.
KEY TAKEAWAY
Logic Before Pixels
The biggest challenge wasn't visual design, but structural logic. By mapping out comprehensive user flows for Withdrawals and Cross-Chain Deposits before opening the design tool, I created a "source of truth" that prevented backend errors and ensured a secure transaction layer for the engineering team.
Humanizing Web3 Complexity
I learned that widespread adoption requires stripping away technical friction. By visualizing Mining Hashrates as progress bars and structuring Deposits like a Neobank transfer, I proved that complex DeFi tools can be made intuitive for non-technical users without sacrificing functionality.
Architecting for Scale
Designing a "Super App" meant planning for the future. The modular Grid Menu system allows the Giao Long ecosystem to easily expand—adding new Mini Apps or lifestyle services—without breaking the existing navigation or overwhelming the user.
GiaoLong Global
Simplifying a complex, multi-product crypto ecosystem into
one seamless Web3 Super App.
Check out
ROLE
UI/UX Design
DURATION
3.5 Weeks Sprint
PLATFORM & DOMAIN
Mobile IOS App
Super App
Fintech / DeFi
SKILLS
Product Design
User Research
Interaction Design
THE CHALLENGE
Building a "Super App" that combines traditional banking (Neobank) with Web3 features (Wallet, Mining, Staking) creates a massive web of user paths. A simple "happy path" wasn't enough; we needed to account for every security check and decision point
THE SOLUTION
IMG
Building Trust Through Structured Clarity
The Blueprint: Logic Before Pixels Mapping out the user flow is a foundational step I never overlook, especially for complex financial products. By visualizing every logic branch in detail, I created a clear "source of truth" for the team. This ensured the developers had a precise reference for the backend logic, making the implementation phase significantly smoother and error-free
Trust is the currency of FinTech.1 I designed a Progressive KYC Flow that breaks down rigorous security checks into simple steps.
VID
Frictionless Onboarding & Security (KYC
Visual Guidance: Instead of a long, intimidating form, the UI guides the user screen-by-screen (e.g., "Scan Front of ID" then "Scan Back"), significantly reducing drop-off rates.
Instant Feedback: Clear status indicators (Success/Pending) ensure users always know where they stand in the verification process.
I transformed complex financial instruments (Staking, Mining, Saving) into a clean, unified interface that feels as simple as checking a bank balance
IMG
The "Earn" Suite: Simplifying Wealth Management
Unified Dashboard: Instead of burying features in menus, I designed a central Earning Hub that aggregates data from Staking, Mining, and Saving into one "Total Earning" figure. This gives users an instant snapshot of their entire portfolio performance.
Visualizing Growth (APY): To drive conversion, I prioritized APY (Annual Percentage Yield) visibility. In the Saving and Staking screens, interest rates (e.g., "1,247.32%") are highlighted in green, creating a clear visual hierarchy that guides users toward high-performing assets.
Smart Segmentation: I separated "Your Subscribe" (active assets) from "Recommended" (opportunities). This prevents clutter and helps users distinguish between what they own and what they could earn, reducing cognitive load during decision-making.
IMG
My goal was to translate complex backend rules into simple visual cues that anyone can understand
Mining: I converted technical metrics like "Hashrate" into a clear progress bar, making the task of increasing mining power feel like a simple, actionable game rather than a technical chore.
Vesting: Instead of displaying raw data tables, I designed a visual timeline. This allows users to instantly see when their assets unlock without needing to perform manual calculations.
IMG
My goal was to translate complex backend rules into simple visual cues that anyone can understand
Visualizing Real-Time Data I designed the Mining Dashboard to make technical performance easy to track. By displaying critical metrics—like "Mining Power" and "Time to Next Reward"—in clear, bite-sized cards, users can monitor their node's health instantly without getting lost in the numbers.
Tracking Vesting Status For the History screen, I focused on scannability. I used color-coded tags (Yellow for In Progress, Red for Locked) so users can identify the status of their assets in seconds, ensuring total transparency in their vesting schedule.
VID
Frictionless "Neobank-Style" Deposits
Linear Simplicity: Instead of overwhelming the user with technical data, I broke the process into three intuitive steps: Select Currency -> Choose Network -> Get QR. This linear progression prevents cognitive overload and mimics the "Transfer" flows users already know from traditional finance.
Error Prevention: Critical decisions, like Network Selection (e.g., BTC vs. Lightning), are isolated on their own screens with clear arrival time estimates. This ensures users pause and make the correct choice before generating a wallet address, significantly reducing the risk of lost funds.
QR SCAN TO SEND - AIMING FOR UTILIZE THE $GLC TOKEN FOR PAYMENT
IMG
"Point & Shoot" Transfers
I simplified peer-to-peer transactions by removing the friction of manual address entry. The Quick QR Scanner allows users to initiate transfers instantly by pointing their camera, while the Receive Flow is optimized for social sharing. With a single tap, users can generate their wallet QR code and share it via native iOS sheets (AirDrop, Messenger), making sending crypto as easy and familiar as sending a photo.
GAMIFIED RETENTION LOOP
IMG
Game and Reward Tab
To drive daily engagement beyond standard trading, I integrated a "GameFi" reward system directly into the user's routine. By designing a visual Daily Check-in tracker and an interactive Lucky Spinner, I transformed passive app opens into habit-forming micro-interactions. The Mission List offers clear, bite-sized goals (e.g., "Mission 1: +50 GLC"), giving users a constant sense of progression and immediate gratification that keeps retention rates high.
LAUNCHPAD & NFT MARKETPLACE
IMG
Simplifying Asset Discovery
I designed the Launchpad and NFT Marketplace to make investing feel familiar and safe. For token launches, I balanced excitement with clarity by using visual countdowns and organized tabs, helping users research projects without getting overwhelmed. Similarly, I built the NFT section using standard e-commerce patterns—like clear price tags and local currency toggles—so users can browse digital collectibles with the same confidence they have when shopping online.
THE ECOSYSTEM GATEWAY
The final piece of the puzzle was structuring the Main Menu to house the entire Giao Long ecosystem without clutter.
IMG
Unifying Lifestyle & Finance
Scalable Grid System: I designed the Mini App Dashboard using a modular grid layout. This allows diverse services—from "GLC Trade" to lifestyle apps like "Bave Car" and "PowerShop"—to coexist on one screen, making the app future-proof as new features are added
Contextual Navigation: Instead of crowding the bottom bar, I housed specialized Web3 tools (Launchpad, NFT Marketplace) inside a dynamic Explore Action Sheet. This keeps the primary interface clean for daily use while ensuring advanced features are always just one tap away.
KEY TAKEAWAY
Logic Before Pixels
The biggest challenge wasn't visual design, but structural logic. By mapping out comprehensive user flows for Withdrawals and Cross-Chain Deposits before opening the design tool, I created a "source of truth" that prevented backend errors and ensured a secure transaction layer for the engineering team.
Humanizing Web3 Complexity
I learned that widespread adoption requires stripping away technical friction. By visualizing Mining Hashrates as progress bars and structuring Deposits like a Neobank transfer, I proved that complex DeFi tools can be made intuitive for non-technical users without sacrificing functionality.
Architecting for Scale
Designing a "Super App" meant planning for the future. The modular Grid Menu system allows the Giao Long ecosystem to easily expand—adding new Mini Apps or lifestyle services—without breaking the existing navigation or overwhelming the user.
Back to top
