Hackquest.io
Web 3.0 Code Learning Platform
HackQuest is a Web3 learning and builder ecosystem that helps developers go from 0 → 1 through structured learning tracks, hands-on IDE tools, hackathons, and a global community. The platform bundles education, project incubation, and community growth into one integrated experience.
Shipped Project
Apr 2023 - Jul 2023
Mar 2025 - Oct 2025
Key practices
UI/UX Design
Miro-Interaction Design
Problem
New Web3 learners often struggle with:
fragmented concepts and steep technical terminology
long learning paths without clear progress signals
low motivation during early-stage onboarding
lack of emotional reinforcement when facing debugging or conceptual hurdles
While HackQuest already provides structured learning tracks and on-chain project exercises, the experience needed clearer orientation, better motivational loops, and more human-centered emotional feedback.
My Contribution
1. Learning Path Design
I restructured the early learning flow to reduce cognitive load and give users a clearer sense of direction:
simplified module hierarchy
clearer “beginner → project → hackathon” pathway
more immediate entry points into hands-on tasks
re-ordered concepts based on beginner mental models
2. Engagement & Motivation System
To maintain learning momentum, I designed a lightweight but effective engagement framework:
progression milestones tied to small, achievable tasks
visual progress cues aligned with each learning track
reward moments connected to meaningful achievements (e.g., publishing first contract, completing a track quiz)
a motivation loop that reinforces “small wins”
3. Emotional Micro-interactions
I introduced emotionally expressive micro-interactions featuring HackQuest's mascot Quack to create warmth and reduce the anxiety often associated with technical learning:
encouraging animations at key checkpoints
empathetic responses during challenging steps
celebratory animations when completing modules or earning track rewards
subtle motion feedback tied to user actions (hover, submit, success)
These emotional signals help transform a highly technical environment into a more welcoming, approachable learning space.