EasyA

Mobile App

Web3

iOS + Android

A full platform redesign for one of the world's leading blockchain learning apps. Six weeks from brief to handoff, built at Unfold. UX, UI, and a complete design system.

EasyA blockchain challenge home screen
EasyA coding challenge screen
EasyA edit profile picture screen
EasyA leaderboard screen

Context

Over a million users, VC backing, and students from Harvard, Oxford, MIT. Clunky UX, dated visuals, no return hooks.

  • No progression tracking or sense of achievement after completing a challenge
  • No engagement hooks to drive return visits or competitive motivation
  • Onboarding put a sign-up wall in front of users before they saw any value
  • The existing UI felt like a web app crammed into mobile, not a native product

Role

Product Designer, Unfold · 6-week project

  • Co-led UX and UI redesign alongside one other product designer
  • Designed core challenge flows: multiple choice, text-based, coding
  • Designed the gamification layer: leaderboards, NFT rewards at challenge completion, progression tracking, and weekly drops
  • Contributed to onboarding and the user profile experience
  • Collaborated on design system documentation for developer handoff

Requirements

Before any design work began, I mapped the full feature scope with stakeholders. These requirements were defined at kickoff as a shared checklist to keep the team aligned throughout.

Onboarding

Challenge-first flow

The first screen presents a challenge rather than a sign-up form, letting users experience value before committing.

Onboarding

Deferred sign-up

Registration is triggered at challenge completion, when motivation is at its highest point.

Onboarding

GitHub and Google connection

Users connect their GitHub and Google accounts during the challenge verification process.

Challenge Discovery

Blockchain gallery view

Browsable grid of available blockchains with challenge count and XP available per track.

Challenge Discovery

Gallery and list view toggle

Toggle between grid and list views when browsing available blockchain tracks.

Challenge Discovery

Challenge track detail

Individual blockchain pages showing all challenges in sequence with locked and unlocked states.

Challenge Discovery

Upcoming challenge registration

Countdown timer and calendar integration for challenges not yet available.

Challenge Flows

Multiple choice challenge

Question format with selectable answer options and immediate visual feedback on correct and incorrect answers.

Challenge Flows

Text-based challenge

Written learning modules with Previous and Continue navigation and XP tracking per module.

Challenge Flows

Live coding challenge

In-app code editor with real Solana and Rust code, hint system, and Check Code validation.

Challenge Flows

Video content

Embedded video modules within challenge flows for richer learning content.

Challenge Flows

Screenshot verification

Challenge completion verified by uploading a screenshot of the completed task.

Gamification

XP progression

Points earned per challenge and module, displayed as a running total throughout the experience.

Gamification

Per-blockchain leaderboards

Builder rankings by XP with a top-three podium display and full ranked list below.

Gamification

NFT rewards

Unique AI-generated artwork unlocked at challenge completion, claimable with an additional XP bonus.

Gamification

Social sharing

Users earn XP for sharing progress on Twitter, with in-flow share prompts at key reward moments.

Wallet

Connect wallet flow

Users link their Web3 wallet (Phantom or Burner Wallet) to receive NFT rewards and on-chain credentials.

Wallet

In-challenge wallet connection

Wallet connection integrated directly into coding challenge flows for React and Web3 challenges.

Wallet

Connection confirmation

Toast notification confirming successful wallet connection without interrupting the challenge flow.

User Profile

Retro gaming profile card

Styled profile displaying username, XP total, challenge count, and join date.

User Profile

NFT collection display

Earned NFTs shown as collectibles with challenge name and date earned.

User Profile

Empty NFT state

Users see a prompt to start their first challenge and earn their first reward.

User Profile

Custom profile picture

Users can upload their own image or generate a random retro gaming avatar.

User Profile

Notification preferences

Granular push notification controls for new challenges and upcoming events.

Decisions

We added a gamification layer where none existed. Per-blockchain leaderboards, NFT rewards, visible progression, and weekly drops. The model is proven. We built EasyA's version for a Web3-native audience.

We pushed for a retro gaming direction when a safer EdTech look was available. EasyA's users are developers and crypto-native builders with high visual standards. Stakeholders were sceptical. We kept core flows clean so the bold moments read as craft, not noise, and that got the direction across the line.

We flipped onboarding so the first challenge comes before sign-up. Users experience value first, then register at completion. Friction drops, intent is higher, and the moment feels earned.

EasyA app after redesignEasyA app before redesign

Before and after

Shipped

A full redesign of a platform used by over a million developers. Polished, gamified, and live on the App Store and Google Play for iOS and Android.

  • Challenge flows: multiple choice, text-based, and live coding challenges
  • Gamification: leaderboards, NFT rewards, progression tracking, weekly drops
  • Coding challenge with GitHub and API integration support
  • AI challenge screen
  • Connect wallet flow
  • Redesigned user profile with retro gaming card and wallet details
  • Updated onboarding with deferred sign-up
EasyA shipped screen 1
EasyA shipped screen 2
EasyA shipped screen 3
EasyA shipped screen 4
EasyA shipped screen 5
EasyA shipped screen 6
EasyA shipped screen 7
EasyA shipped screen 8
EasyA shipped screen 9
EasyA shipped screen 10
EasyA shipped screen 11
EasyA shipped screen 12
EasyA shipped screen 13
EasyA shipped screen 14
EasyA shipped screen 15
EasyA shipped screen 16
EasyA shipped screen 17
EasyA shipped screen 18
EasyA shipped screen 19
EasyA shipped screen 20
EasyA shipped screen 21
EasyA shipped screen 22
EasyA shipped screen 23
EasyA shipped screen 24
EasyA shipped screen 25
EasyA shipped screen 26
EasyA shipped screen 27
EasyA shipped screen 28
EasyA shipped screen 29
EasyA shipped screen 30
EasyA shipped screen 31
EasyA shipped screen 32
EasyA micro-interaction states 1

Micro interactions

Build

The brand team set the foundation: logo refresh, color palette, and type direction. We built a full component library covering challenge flows, gamification, wallet, and onboarding.

The handoff covered more surface area than a typical six-week project. Multiple types, live coding, NFT flows, and deferred sign-up all needed to be specced before engineering could move. Every component was documented at interaction level.

Design system and component library

Design system and component library

Results

EasyA has over a million users, won Apple's App of the Day, and has alumni who founded billion-dollar companies. The redesign fixed these gaps: sign-up wall before value, no gamification, and a UI that didn't match the platform's scale.

Learnings

Parallel workstreams need hard ownership. The brand team owned identity, we owned product. That boundary made six weeks possible.

Gamification is a system, not a feature. When rewards fire, how progression resets, what happens at the ceiling: those decisions shape how the product feels more than the visuals do.

The structural problems were clear: sign-up wall, no rewards, navigation that didn't reflect usage. Fix those first.

Let's create something

amazing together

DribbbleLinkedIn