Ultra Immersive Scroll

Gamifying the Grind

Gamifying the Grind
Reimagining interview prep with a realistic, multimodal environment that helps software engineers practice for high stakes interviews & get their dream job.

Reimagining interview prep with a realistic, multimodal environment that helps software engineers practice for high stakes interviews & get their dream job.

Multimodal

Multimodal

Strategy

Strategy

Gamification

Gamification

OVERVIEW

SDOJ is a gamified interview prep platform designed to help software engineers especially senior developers prepare for high-stakes interviews like system design and architecture. It simulates real interview pressure through multimodal exercises, gamification, and retrospective feedback loops to drive both skill and confidence.

I led the product’s design end-to-end as the sole designer, collaborating with cross-functional teams to create a platform that’s immersive, pressure-tested, and addictive to use.

CHALLENGES

  • Lack of Realism: Existing platforms (like LeetCode, HackerRank) lacked dynamic, high-pressure interview simulation

  • Neglect of Senior Developers: No dedicated tools for system design, API architecture, or capacity estimation.

  • Feedback Desert: Binary "right/wrong" feedback failed to help users improve iteratively.

  • Low Habit Retention: Platforms weren’t designed for consistent, habit-forming usage.

  • Complex Interface Needs: Designing four distinct interaction models under a unified experience.

GOALS

  • Simulate real interview pressure with timers, follow-up questions, and performance triggers.

  • Support senior-level prep: Focus on architecture, system design, estimation, and APIs.

  • Create multimodal practice environments with tailored tools (whiteboards, calculators, IDEs).

  • Drive consistent practice through gamified features like streaks, rewards, and progression.

  • Build a scalable design system to accommodate rapid iteration and varied modes.

MY ROLE

As the sole designer, I led the product’s design end-to-end, from research and prototyping to final UI and design system.

I partnered with the founder, PM, and engineers to align the experience with real interview challenges, ensuring it felt both practical and pressure-tested.

DURATION

3 Month Sprint: July → Sept 2023

TEAM

Blossom Coelho

Blossom Coelho

Blossom Coelho

Blossom Cloelho

Blossom Cloelho

Blossom Cloelho

Blossom Cloelho

Blossom Cloelho

Blossom Cloelho

Blossom Cloelho

Blossom Cloelho

Blossom Cloelho

Blossom Cloelho

Blossom Cloelho

Blossom Cloelho

SUCCESS METRICS

72,000+

Total Sessions

72,000+

24%

Total Sessions

72,000+

Total Sessions

72,000+

Total Sessions

72,000+

24%

Total Sessions

72,000+

Total Sessions

72,000+

Total Sessions

72,000+

24%

Total Sessions

72,000+

Total Sessions

Design

Design

Estimate

Database

API

🗺️ Design: Architect Like a Tech Giant

Drag-and-drop servers, databases, and load balancers to build systems under fire—exactly like FAANG whiteboard rounds.

Design

Design

Estimate

Database

API

🗺️ Design: Architect Like a Tech Giant

Drag-and-drop servers, databases, and load balancers to build systems under fire—exactly like FAANG whiteboard rounds.

🗺️ Design: Architect Like a Tech Giant

Drag-and-drop servers, databases, and load balancers to build systems under fire—exactly like FAANG whiteboard rounds.

TAKEAWAYS & LEARNINGS

😰

Designing Pressure is Intentional

Replicating interview anxiety isn’t just UX, it’s psychology. Timers, interruptions, and limited tools had to feel stressful but fair.

😰

Designing Pressure is Intentional

Replicating interview anxiety isn’t just UX, it’s psychology. Timers, interruptions, and limited tools had to feel stressful but fair.

😰

Designing Pressure is Intentional

Replicating interview anxiety isn’t just UX, it’s psychology. Timers, interruptions, and limited tools had to feel stressful but fair.

🧠

Multimodal = Modular Thinking

Different workflows needed distinct mental models while feeling part of a single product.

🧠

Multimodal = Modular Thinking

Different workflows needed distinct mental models while feeling part of a single product.

🧠

Multimodal = Modular Thinking

Different workflows needed distinct mental models while feeling part of a single product.

🎮

Gamification That Teaches

Streaks and rewards worked only when tied to meaningful practice and feedback. It had to feel earned, not gimmicky.

🎮

Gamification That Teaches

Streaks and rewards worked only when tied to meaningful practice and feedback. It had to feel earned, not gimmicky.

🎮

Gamification That Teaches

Streaks and rewards worked only when tied to meaningful practice and feedback. It had to feel earned, not gimmicky.

👨‍💻

Thinking Like an Engineer

This project sharpened my systems thinking and product sense. I learned to weigh feasibility and user impact.

👨‍💻

Thinking Like an Engineer

This project sharpened my systems thinking and product sense. I learned to weigh feasibility and user impact.

👨‍💻

Thinking Like an Engineer

This project sharpened my systems thinking and product sense. I learned to weigh feasibility and user impact.

🔁

Feedback as a Learning Loop

The Retrospective Mode turned mistakes into insight, helping users improve over time and building trust in the product.

🔁

Feedback as a Learning Loop

The Retrospective Mode turned mistakes into insight, helping users improve over time and building trust in the product.

🔁

Feedback as a Learning Loop

The Retrospective Mode turned mistakes into insight, helping users improve over time and building trust in the product.

🏗️

Design Systems Are Time Machines

Building a custom system early helped us move fast without compromising consistency or scalability.

🏗️

Design Systems Are Time Machines

Building a custom system early helped us move fast without compromising consistency or scalability.

🏗️

Design Systems Are Time Machines

Building a custom system early helped us move fast without compromising consistency or scalability.

Copyright @2025

Made with

&

with ❤️ & ☕

Make it Pop!

Copyright @2025

Made with

&

with ❤️ & ☕

Make it Pop!

Copyright @2025

Made with

&

with ❤️ & ☕

Make it Pop!