UI/UX Designer • Conversion Focused

I design seamless user interfaces that sell. Let’s create the next one together

Selected Work

This is a real-world project that showcases a user-centered design, focusing on technical implementation and creative problem solving to simplify a decentralized application interface.

Hair To You - Shopify Store

Responsive web & mobile

LFTLR - Web3 Music Streaming

Landing page & mobile interface

Approach

See how I create interfaces that sell by combining research and conversion-focused design.

What I Do

UX/UI Design

I design clean, intuitive interfaces for web and mobile apps with clear structure, smooth flows, and user-centered decisions.

Product & Interaction Design

I turn ideas into usable products through research, wireframes, prototypes, and well-designed user journeys.

Design Systems & Prototyping

I create scalable component libraries in Figma and build interactive prototypes to test ideas quickly.

Developer Collaboration & Handoff

I work closely with developers and Web3 engineers, providing clear documentation and ensuring smooth implementation.

No-Code Website Building

I build modern, responsive websites using tools like Webflow and Framer, with fast loading and conversion-focused layouts.

Tools

Clients & Collaborations

CASE STUDY 01

Solo UX Designer · 4-week design + implementation collaboration


Google Forms insights · 4-participant usability test · Web + Mobile responsive dApp


BCL Staking DApp — Block Cycle Ecosystem

A simplified staking platform designed for $Cycle holders to stake tokens, track rewards, and interact with the Block Cycle ecosystem through a cleaner, more intuitive interface.

The Design Problem

Research context at a glance

PARTICIPANTS & ROUNDS

– Foundational survey: Google Forms targeting $Cycle holders and DeFi users


– Usability testing: One round with 4 participants using a Useberry prototype


– All participants had experience with crypto wallets, staking platforms, or Web3 DApps

RECRUITMENT & PERSONA

I focused on crypto-native users, especially token holders who interact with staking platforms.

They represented a mix of casual investors, daily DeFi users, and long-term token supporters.

This variety helped highlight onboarding friction, trust gaps, and interface clarity issues.

COMPETITIVE ANALYSIS

I reviewed staking flows across multiple Web3 platforms — including Algo ecosystem DApps, Solana tools, and Ethereum staking interfaces.
 This helped surface best practices around wallet connection, transaction clarity, and real-time reward visibility.

SCHEDULING & CONSTRAINTS

The project took 4 weeks, during which I collaborated with a Web3 developer for implementation through GitHub.
 I designed responsive flows for both web and mobile while ensuring compatibility with Algorand’s Pera Algo wallet.

I determined that the conversion drop-off on the staking platform was critically tied to the infrequent, yet pivotal moment of on-chain transaction confirmation. Because users only stake or compound 2–6 times a year, the flow must be stress-free and secure. Through foundational research, I confirmed this friction stemmed from the lack of transparent, real-time feedback on transaction status and persistent ambiguity surrounding wallet permissions and gas fee management—common points of failure across competitor dApps.

Key Pain Points

Low conversion

Users dropped off before completing staking interactions.

Bad onboarding

Users couldn’t navigate staking steps easily or understand what actions to take first.

Tokenomics restrictions

Certain flows had to comply with ecosystem-specific rules, limiting how rewards and staking information could be displayed.

What I Designed

I redesigned the BCL staking dApp as a simple, visually clean, mobile-responsive interface that supports:

• Wallet connection (Pera Algo)


• Staking and unstaking


• Real-time reward visibility


• Transaction confirmation states


• Token balance clarity


• A structured, reassuring onboarding flow

The interface emphasizes readability, transparency, and confidence for both new and experienced token holders.

Design responses

"I don’t want to lose my tokens by mistake."

"Gas fees keep confusing me."

"This looks too technical for me."

Impact

The redesigned staking dApp showed meaningful improvements in user interaction:


• Smoother onboarding


• Higher staking completion rate


• Clearer understanding of balances and rewards


• Better interaction success during testing


• More confidence expressed by token holders

A recurring insight:
“How do I stake my tokens?”This shaped the need for a simplified, step-by-step staking flow that reduced mental load.

CASE STUDY 02

Solo Product Designer · 6-week independent UX case study


Google Forms insights · 3-participant usability test · Mobile + Web design

Decentcrowd: Decentralized Crowdfunding App


A privacy-focused crowdfunding experience where users anonymously fund real-world projects using cryptocurrencies.

The Design Problem

Research context at a glance

PARTICIPANTS & ROUNDS

– Foundational phase: Google Forms survey targeting crypto and DeFi users


– Usability testing: One round with 3 participants using a Useberry prototype


– All participants had prior experience with blockchain tools, which strongly influenced navigation and interaction choices

RECRUITMENT & PERSONA

I focused on DeFi investors, experienced crypto holders, and users who already interact with decentralized apps. They represented different levels of technical confidence, helping me understand both advanced and emerging expectations in the Web3 space.

COMPETITIVE ANALYSIS

I reviewed decentralized crowdfunding platforms, crypto wallets, DAO dashboards, and staking interfaces.
This helped identify gaps such as fragmented flows, unclear charts, and inconsistent wallet experiences.

SCHEDULING & CONSTRAINTS

This was a solo, self-paced case study completed within 6 weeks.
 All testing and surveys were remote. Wallet integration and crypto flows were prototyped but not connected to a live blockchain.

I determined that the conversion drop-off on the staking platform was critically tied to the infrequent, yet pivotal moment of on-chain transaction confirmation. Because users only stake or compound 2–6 times a year, the flow must be stress-free and secure. Through foundational research, I confirmed this friction stemmed from the lack of transparent, real-time feedback on transaction status and persistent ambiguity surrounding wallet permissions and gas fee management—common points of failure across competitor dApps.

Key Pain Points

Confusing charts and breakdowns

Existing platforms used overly technical graphs that discouraged confident decision-making.

Unclear fund access

Users struggled to understand where funds go and how they are unlocked.

Lack of privacy & anonymity


Users didn’t want their financial behavior publicly linked to their identity.

What I Designed

I designed Decentcrowd to support both crucial stakeholders in decentralized crowdfunding: investors (contributors) and project owners. The dApp provides a single, cohesive ecosystem that facilitates complex DAO-based verification and fund tracking while ensuring all interactions feel private, clear, and trustworthy—all within familiar crypto workflows.

Designing for Trust and Clarity

My research showed that trust (in verification) and clarity (in status tracking) are the pivotal moments where DeFi users decide to commit capital.

- Transparent DAO Verification: I designed a clear step-by-step verification submission process for Project Owners and created simple, unmissable status indicators for Investors, allowing them to

instantly verify a project's legitimacy based on DAO approval.

- Intuitive Wallet Connection & Funding: The design streamlines the wallet connection and anonymous funding flows on mobile, prioritizing quick action and minimal friction, which is crucial for maximizing conversion rates in time-sensitive crowdfunding rounds.

Impact

The first round of usability testing showed strong alignment with user expectations:


• Participants completed funding tasks without friction


• No critical blockers in the flow


• Users felt more confident navigating the simplified charts
 • Privacy-focused decisions increased trust across the flow

A core insight emerged:
“Traditional crowdfunding platforms are too complex for non-tech-savvy users.”
 This reinforced the need for simplicity even within crypto-native tools.

About

Product Design Leader for High-Conversion Web3 and DeFi Platforms

I am a Product Design Strategist focused on designing and scaling impactful solutions within the Web3 ecosystem. My multi-project experience spans across critical DeFi sectors, including decentralized crowdfunding, staking, and asset management platforms, where I consistently translate complex smart contract logic into intuitive user interfaces.

My core strength lies in leveraging deep user research to pinpoint and resolve high-friction moments—such as optimizing wallet approval funnels and ensuring transparency in on-chain transaction statuses—driving measurable improvements in user trust, platform engagement, and overall conversion rates across decentralized applications.

Core skills

UX Research

Usability Testing

Interaction Design

High-Fidelity Prototyping

Cross-Functional Collaboration

Design Tools

Figma

Adobe Creative Suite

Miro

Google Forms

Useberry

Interests

DeFi Security Patterns

DAO Governance UX

On-Chain Data Visualization

Design Systems

Web3 Accessibility

Get in Touch

Let's create the next highly converting interface together

I am always seeking opportunities to apply my expertise in UX research and design to impactful projects. If you are looking for a Web3 Product Designer specializing in high-conversion DeFi flows or wish to collaborate on complex design challenges, let's start a conversation.

© 2025 Sanni Sanni. Designed with intention.