We brought this fully functional gamified location app to life with a focus on play and real-world exploration.
From a complex list of gamification requirements to a seamless experience that makes stepping outside feel like loading into a game.
𝗧𝗵𝗲 𝗰𝗼𝗻𝗰𝗲𝗽𝘁:
A location-based social app that puts the player back in the driver's seat. It features a real-time 3D isometric city map, XP and Coin rewards tied to real movement, and a visual hierarchy that turns your neighborhood into a quest zone worth exploring.
We wanted to move away from the flat, utility-first design of traditional map and event apps and build something that actually feels exciting to open every day.
Really proud of how the sky-blue isometric world, floating 3D buildings, and glassmorphism filter tabs create a sense of adventure and discovery from the very first screen.
Curious what you think about the UI direction. 👀
UX Design | Gamification | Mobile App | Location Based
1
342
Workflow Quest - An Instrument for Independents.
The Problem
Independent creators and freelancers are overwhelmed by Tool Sprawl, Dashboard Fatigue, and AI Anxiety. Late-night questions like “Am I using the right stack?” or “Is my workflow future-proof?” go unanswered because traditional audits feel like soul-crushing admin work.
The Solution
Workflow Quest transforms dry workflow auditing into a ritualistic, joyful performance — like playing a synthesizer with your operational DNA.
I designed and prototyped a fully interactive, skeuomorphic instrument inside Figma that mimics a high-end Roland JD-Xi hardware unit: desaturated dark wood chassis, physical button depth, glowing indicator LEDs, CRT screen with authentic scanlines, and Web Audio feedback.
How it works
BOOT - Power on with the big red ENGAGE button.
ROLE - Choose your primary operating profile (Designer, Developer, Founder, Marketer, Creator, Hybrid).
SEQUENCE - Build your stack by tapping up to 16 tools from categorized grids with live search. Real-time strand counter and cap enforcement.
CALC - Hit launch and watch the kernel processing sequence with a 140 BPM audio build-up.
RESULTS - Receive your Human Workflow Index (HWI), matched archetype (e.g. Digital Craftsman, Velocity Operator), estimated hourly rate (realistic & capped), and full verified tool stack.
Action Bento - Export/Share, post directly to Discord community, view Leaderboard, get personalized “Missing Strand” suggestions, market-demand insights, AI prompt copy, and leveling tips.
Standout Details Built in Figma
Complete 6-state machine with smooth transitions
Responsive mobile-first layout with locked rows for neurodivergent clarity
Interactive tool sequencer with synergy potential and hard 16-strand limit
Real-time terminal readouts and compiler-style processing log
Beautiful shareable Datacard output (example attached)
Integrated Discord community button for instant sharing & connection
Insight panels that teach optimization and combat AI anxiety
Why this matters
It turns your tool collection from a chaotic list into a visible extension of your craft and identity. It rewards intentional stacks, proves human + AI leverage, and gives creators a prestigious badge they actually want to share.
Live Prototype: https://workflow-quest.figma.site
(https://workflow-quest.figma.site)Figma Community: https://www.figma.com/community/file/1649685026382544146/workflow-quest-an-instrument-for-independents
X Post: https://x.com/mdrafat007/status/2067863323270684849?s=20
Linkedin: https://www.linkedin.com/posts/mdrafat_mohammad-rafat-mdrafat007-on-x-activity-7473629527621939201-W8jM?utm_source=share&utm_medium=member_desktop&rcm=ACoAAA2IV08BNAmBNxKdKo9nZ14s-Y0ftTR1gYs
This project is a love letter to independent builders - blending hardware nostalgia, gamification, digital wellness, and career leverage into one addictive instrument. It’s production-ready in spirit and deeply fun to use.
Extremely open to feedback from the judges and Figma community. If it resonates, I’d be thrilled to see it out in the wild helping other independents.
Built For Independents, Built For You 🔥
#ConfigMakeathon #Figma #Skeuomorphism #WorkflowDesign #CreatorEconomy #IndieHacking
7
5
913
Most habit apps fail, not because the features are bad, but because nothing rewards users for showing up.
We just designed a gamification system for a habit-changing app, and here's the thinking behind it:
When someone logs a habit for 3 consecutive days, they earn a Bronze Spark badge. At 7 days, Silver. At 14, Golden. At 21, Diamond.
Sounds simple. That's the point.
The psychology is straightforward, variable reward schedules and visible progress markers are two of the most reliable drivers of repeated behavior. When users can see their streak history, see the next badge within reach, and feel the weight of breaking a chain they've built, they come back.
From a business perspective, this is retention design. Every additional day a user stays active increases their lifetime value and their likelihood of upgrading, referring others, or leaving a positive review.
A few design principles we followed:
→ Show progress, not perfection. The timeline shows both earned and upcoming badges.
→ Keep it calm. Muted tones for the app, vibrant tones for the rewards. The badge should feel like the highlight of the screen.
→ Make the next milestone visible but not stressful. The partially revealed Diamond Spark creates healthy aspiration.
Gamification isn't about making an app "fun." It's about aligning user goals with product goals. When done right, both sides win.
Curious what gamification patterns have worked for your products?
Let's discuss.
2
1
234
