Industry
Blockchain
Contribution
UX, UI, Design system
Duration
4 months
Scope
Web app & responsive
Project overview
Intuition is a hybrid crypto-based prediction market that simplifies real-time event bidding for both crypto natives and newcomers. By integrating fiat on-ramps like Ramp and MoonPay, it overcomes adoption barriers such as complexity, risk, and trust issues. Key features include hybrid payments (crypto + fiat), a guided onboarding wizard, a gamified sandbox (“Quests”) for risk-free learning, and a user-friendly decentralized identity tool—ensuring an intuitive, trustworthy experience for new users.
Project overview
Intuition is a hybrid crypto-based prediction market that simplifies real-time event bidding for both crypto natives and newcomers. By integrating fiat on-ramps like Ramp and MoonPay, it overcomes adoption barriers such as complexity, risk, and trust issues. Key features include hybrid payments (crypto + fiat), a guided onboarding wizard, a gamified sandbox (“Quests”) for risk-free learning, and a user-friendly decentralized identity tool—ensuring an intuitive, trustworthy experience for new users.
Challenge
The project aimed to tackle key challenges common in the crypto space, including complex onboarding for users unfamiliar with wallets or blockchain, perceived risk and trust issues around crypto transactions, and the technical difficulty of decentralized identity (DID) creation. Additionally, as a brand-new product, it required building a scalable design system from scratch, ensuring seamless developer handoff for rapid implementation, and making thoughtful UX decisions in the absence of existing patterns — all while adapting to feedback from community research in a fast-paced, agile environment.
The project addressed key crypto challenges: complex onboarding, trust concerns, and decentralized identity (DID) creation. As a new product, it required building a scalable design system, ensuring smooth developer handoff, and making UX decisions without existing patterns—while adapting to community feedback in an agile environment.
The project addressed key crypto challenges: complex onboarding, trust concerns, and decentralized identity (DID) creation. As a new product, it required building a scalable design system, ensuring smooth developer handoff, and making UX decisions without existing patterns—while adapting to community feedback in an agile environment.
Challenge
The project addressed key crypto challenges: complex onboarding, trust concerns, and decentralized identity (DID) creation. As a new product, it required building a scalable design system, ensuring smooth developer handoff, and making UX decisions without existing patterns—while adapting to community feedback in an agile environment.
Design Process
I followed an Agile UX framework, beginning with Discovery and Research. In this phase, we conducted surveys within the crypto community to gather insights on user expectations, pain points, and perceptions around hybrid payment options and prediction markets. Additionally, we analyzed competitor platforms to uncover usability gaps and opportunities to build trust, which helped shape early design decisions with a user-first approach.
Following an Agile UX framework, I began with Discovery and Research, conducting crypto community surveys to identify user needs, pain points, and perceptions of hybrid payments. Competitor analysis revealed usability gaps, guiding early user-first design decisions.
Following an Agile UX framework, I began with Discovery and Research, conducting crypto community surveys to identify user needs, pain points, and perceptions of hybrid payments. Competitor analysis revealed usability gaps, guiding early user-first design decisions.
In Phase 2, we moved into iteration based on feedback. Insights from the survey guided refinements to the onboarding flow and the simplification of decentralized identity creation. Throughout the process, I collaborated closely with developers to ensure design-to-dev alignment — optimizing components for Tailwind CSS and integrating shadcn UI elements effectively to streamline implementation and maintain consistency.
In Phase 2, we iterated based on feedback, refining onboarding and simplifying decentralized identity creation. I collaborated with developers to align design with Tailwind CSS and integrate shadcn UI, ensuring consistency and streamlined implementation.
In Phase 2, we iterated based on feedback, refining onboarding and simplifying decentralized identity creation. I collaborated with developers to align design with Tailwind CSS and integrate shadcn UI, ensuring consistency and streamlined implementation.
Challenge
The project addressed key crypto challenges: complex onboarding, trust concerns, and decentralized identity (DID) creation. As a new product, it required building a scalable design system, ensuring smooth developer handoff, and making UX decisions without existing patterns—while adapting to community feedback in an agile environment.
Strategic Design Approach
Designed a step-by-step wizard for onboarding, guiding users through account setup, wallet integration, and first transactions with interactive tooltips.
Introduced a gamified "Quests" feature where users could explore features in a risk-free sandbox, complete tasks, and earn reward points convertible to crypto — encouraging exploration and reducing fear of error.
Designed a streamlined identity creation wizard, reducing technical complexity by guiding users through input steps and explaining DID benefits — promoting self-ownership and cross-platform interoperability.
Built a complete design system from scratch, including component-specific tokens for colors, spacing, and typography compatible with Tailwind CSS and shadcn UI. Focused on developer ease — making design handoff efficient and reducing implementation time through tokenization and consistency.
Maintained close collaboration with developers, ensuring real-time feedback loops during sprints. Adjusted UI and interaction patterns based on continuous feedback from both the dev team and user community.
Solutions
Simplified Complex Crypto Onboarding
Developed a guided onboarding wizard with step-by-step flows and interactive tooltips, enabling users to effortlessly set up accounts, integrate wallets, and complete their first transaction — reducing friction and user drop-off.
Gamified Learning with ‘Quests’ Sandbox
Introduced a risk-free, gamified environment where users could learn by doing — completing tasks, earning points, and gaining confidence with features like staking and claims, leading to higher engagement and retention.
Streamlined Decentralized Identity (DID) Creation
Designed an intuitive identity creation flow that demystifies decentralized identities through a simple, wizard-based UI — empowering users with self-owned, interoperable identities without technical hurdles.
Implemented Agile UX for Rapid Iteration
Worked closely with developers to align on spacing, components, and responsiveness, resulting in faster development cycles, minimal design-to-code friction, and a highly consistent UI.
Designed a Complete Design System from Scratch
Created a scalable, tokenized design system tailored to Tailwind CSS and shadcn UI, including component-level tokens for color, spacing, and typography, ensuring pixel-perfect developer handoff and faster implementation.
Direct Developer Collaboration for Efficiency
Worked closely with developers to align on spacing, components, and responsiveness, resulting in faster development cycles, minimal design-to-code friction, and a highly consistent UI.
Design Process
Following an Agile UX framework, I began with Discovery and Research, conducting crypto community surveys to identify user needs, pain points, and perceptions of hybrid payments. Competitor analysis revealed usability gaps, guiding early user-first design decisions.
In Phase 2, we iterated based on feedback, refining onboarding and simplifying decentralized identity creation. I collaborated with developers to align design with Tailwind CSS and integrate shadcn UI, ensuring consistency and streamlined implementation.
Strategic Design Approach
Designed a step-by-step wizard for onboarding, guiding users through account setup, wallet integration, and first transactions with interactive tooltips.
Introduced a gamified "Quests" feature where users could explore features in a risk-free sandbox, complete tasks, and earn reward points convertible to crypto — encouraging exploration and reducing fear of error.
Designed a streamlined identity creation wizard, reducing technical complexity by guiding users through input steps and explaining DID benefits — promoting self-ownership and cross-platform interoperability.
Built a complete design system from scratch, including component-specific tokens for colors, spacing, and typography compatible with Tailwind CSS and shadcn UI. Focused on developer ease — making design handoff efficient and reducing implementation time through tokenization and consistency.
Maintained close collaboration with developers, ensuring real-time feedback loops during sprints. Adjusted UI and interaction patterns based on continuous feedback from both the dev team and user community.
Solutions
Designed a Complete Design System from Scratch
Created a scalable, tokenized design system tailored to Tailwind CSS and shadcn UI, including component-level tokens for color, spacing, and typography, ensuring pixel-perfect developer handoff and faster implementation.
Simplified Complex Crypto Onboarding
Developed a guided onboarding wizard with step-by-step flows and interactive tooltips, enabling users to effortlessly set up accounts, integrate wallets, and complete their first transaction — reducing friction and user drop-off.
Gamified Learning with ‘Quests’ Sandbox
Introduced a risk-free, gamified environment where users could learn by doing — completing tasks, earning points, and gaining confidence with features like staking and claims, leading to higher engagement and retention.
Streamlined Decentralized Identity (DID) Creation
Designed an intuitive identity creation flow that demystifies decentralized identities through a simple, wizard-based UI — empowering users with self-owned, interoperable identities without technical hurdles.
Implemented Agile UX for Rapid Iteration
Leveraged Agile UX methodology, incorporating user survey insights and community feedback in early phases to inform design adjustments, ensuring the product evolved in sync with real user needs.
Direct Developer Collaboration for Efficiency
Worked closely with developers to align on spacing, components, and responsiveness, resulting in faster development cycles, minimal design-to-code friction, and a highly consistent UI.
Learning and outcome
This project reinforced the importance of user research in simplifying complex crypto experiences. Iterative design and close developer collaboration ensured a seamless, scalable system. Adapting to rapid feedback strengthened my ability to balance usability with technical constraints. The outcome was an intuitive, trust-driven platform that lowers entry barriers for users.
VADIVELU.AVI@GMAIL.COM