Blocto_Swap – ELDESIGNER

Core｜Team Play

Background

Boost User Participation: Attract DeFi users with a fast, secure, and cost-effective ERC-20 approval & swap experience, leveraging BatchTX-Send Later for smoother transactions and lower fees. Generate Revenue: Partner with 1inch and charge a small platform fee on top of the standard 1inch fee.

Goal

Plan the feature and UX flow and UI design.

My Role

Product Designer, responsible for user research, interaction design, visual design, and usability testing.

Duration

1 month (April 2024)

Tools

Figma

📍Design Process

Define

Identify core problems and user pain points.

Research

Gather user insights and analyze needs.

Ideate

Brainstorm and explore potential solutions.

Plan

Map UX flows and design interaction paths.

Outlined the core mechanics of the feature, such as team size, activity types, layout, and user interaction flow, providing a clear foundation for design and development across different screens.

📍User Research & Problem Definition

Pain Points

・Users face slow and costly ERC-20 approval and swap processes in DeFi.
・Navigating multiple transactions can be cumbersome, reducing participation and engagement.
・Current platforms may not provide a seamless, native swap experience with batch transaction support.

Insights

・DeFi users value speed, cost efficiency, and convenience in token transactions.
・Integrating batch transactions can reduce friction, lower fees, and enhance user engagement.
・A native swap feature can act as a hook to attract EVM users while improving retention.

Design Direction

・Implement a fast, secure, and cost-effective ERC-20 approval & swap feature leveraging BatchTX-Send Later.
・Design the native swap experience to simplify transaction flow and make DeFi interactions intuitive.
・Partner with 1inch and incorporate a platform fee model to generate revenue while maintaining competitiveness.

📍Flexible Swap Options

The new feature supports both one-to-one and one-to-many swaps, reducing wait times and lowering transaction fees.

swap1

swap2

swap3

📍Page Showcase

Swap

By Chain

By Chain-1

3.3.1.0 Token Detail

Slippage

Approve-1

Approve-2

Approve

Select custom token

Select pay token

Revamp_ Confirm transaction-Batch TX

You are good to go

Token selection limit

Select pay token1

Select pay token-1

📍Outcomes & Observations

Design Outcomes

Enabled one-to-one and one-to-many swaps with BatchTX-Send Later for faster, cheaper ERC-20 operations. Partnered with 1inch for a dual-fee revenue model.

User Feedback / Early Signals

Smoother batch swaps, reduced costs, and a clear, intuitive interface.

Impact / Value

Increased DeFi participation, improved experience, and unlocked new revenue streams.

📍Learnings & Reflections

・Keeping things simple matters — even with complex DeFi features like batch swaps, a clean and intuitive UI makes all the difference.
・Clear rules, clear results — documenting guidelines and staying aligned with developers helped us keep everything consistent.
・Small tweaks, big impact — iterating often made transactions smoother, cheaper, and more user-friendly.