FOGUS
A gamified productivity app that transforms focus time into collectible rewards, combining task management with Kuji mechanics. The project began as a physical planner concept and evolved into a digital web version developed with AI-assisted tools.
My Role
Product Designer, UX Designer, Developer
Stage
Beta Launched
Timeline
Ongoing (Oct 2025 –)
Tools Used
Figma, ChatGPT, Lovable, Procreate
Overview
Background
FOGUS started as a personal experiment—a physical “Kuji” system I created to motivate myself by exchanging focus hours for prize draws. After sharing a video of the concept online and gaining attention, I decided to develop a digital version.
From Physical to Digital
Initial Version
The first version of FOGUS was developed as a web prototype using AI-assisted coding.
By letting AI handle simple logic-based features, I saved time and quickly released a working version to gather feedback from users who found me via video platforms.
Focus Timer
Track and record focused work sessions.
Prize Pool
Place to draw rewards based on completed focus time.
Rewards Cabinet
Collect and display earned rewards.
Custom Settings
Personalize prize pools and reward categories.
Web Visitors
1.5k+
Pageviews
7.1k+
Video Views
14w+
Social Shares
2k+
User Feedback
Research Insights
"Honestly, I just don’t like using websites. I’m always on my phone, so I’d much prefer an app instead of having to open a web page every time I want to use it."
"Is there a way to customize how big the prize pool is? Sometimes I want just a few options, but other times I’d love to add more prizes and make it feel more personal."
"I noticed that once I add a record, there’s no way to delete it. If I make a mistake or want to remove something, it would be really helpful to have a delete or edit option."
"The interface works, but it feels a little too simple right now. Maybe some more colors, fun icons, or a more playful vibe would make it even more fun to use!"
Iteration
Wireframe for APP Version
Problems addressed:
-
Web-to-app migration design
-
UI/aesthetic optimization
-
Timer system improvement
-
Prize draw & rewards cabinet refinement
Prototyping for App Version (ongoing)
More to come…
Iteration for Web Version
Customizable Reward Pool：
Changed the fixed reward pool to a customizable one, giving users greater autonomy.
Improved Prize Setup Interaction：
Redesigned the prize configuration flow for better visibility and efficiency:
-
Prize content setup, previously buried far down the page, is now accessible at the top of the settings with no scrolling required.
-
Since prize pool size is now customizable, size and content settings—which often occur together—have been merged into a single interface.
-
Instead of configuring A–I prizes one by one, all prize tiers are now visible at once, reducing unnecessary information hierarchy.
Updated Lottery Interface：
Users can now switch between different prize pools directly on the draw page, with all prize details clearly displayed—reducing memory load and improving clarity.
Reflection
Takeaways
Sharing the project through social media could be a practical way to collect feedback, turning audience responses into a form of real-world user research.
With the help of AI-assisted development and prototyping tools, it is more quickly to turn ideas into working products. This can the design process faster, and save more time for iteration.