Life beyond the screen : A gamified approach to reducing screen time and improving your life

Life beyond the screen : A gamified approach to reducing screen time and improving your life

Life beyond the screen : A gamified approach to reducing screen time and improving your life

In a focused, four-day design sprint in 2023, I created Digital Detox—a concept app that helps 18-35 year-olds reduce screen time and improve life balance. The app uses gamification to encourage users toward real-world activities, making it simple and rewarding to set and reach screen time goals. The homepage features a clear mission and quick access to key tools, supporting users in starting their digital detox journey effortlessly.

In a focused, four-day design sprint in 2023, I created Digital Detox—a concept app that helps 18-35 year-olds reduce screen time and improve life balance. The app uses gamification to encourage users toward real-world activities, making it simple and rewarding to set and reach screen time goals. The homepage features a clear mission and quick access to key tools, supporting users in starting their digital detox journey effortlessly.

In a focused, four-day design sprint in 2023, I created Digital Detox—a concept app that helps 18-35 year-olds reduce screen time and improve life balance. The app uses gamification to encourage users toward real-world activities, making it simple and rewarding to set and reach screen time goals. The homepage features a clear mission and quick access to key tools, supporting users in starting their digital detox journey effortlessly.

Concept

Mental health

Mental health

4 day Sprint

4 day sprint

4 day sprint

Mobile application

Mobile application

Mobile application

Mental health

Concept

Concept

collage of widgets used in the detox app
collage of widgets used in the detox app
collage of widgets used in the detox app

What's Inside ? 

What's Inside ? 

What's Inside ? 

Examining individual features and app functionalities and the reasoning behind them is the main goal of this project, which is a fun and quick method to turn ideas into an MVP.

Examining individual features and app functionalities and the reasoning behind them is the main goal of this project, which is a fun and quick method to turn ideas into an MVP.

Examining individual features and app functionalities and the reasoning behind them is the main goal of this project, which is a fun and quick method to turn ideas into an MVP.

Engaging welcome message

Engaging welcome message

Engaging welcome message

Feature:
Loading screen with impactful messages and a “Set Goals” CTA to inspire action.

Feature:
Loading screen with impactful messages and a “Set Goals” CTA to inspire action.

Feature:
Loading screen with impactful messages and a “Set Goals” CTA to inspire action.

Reasoning:
Creates a strong first impression, setting a goal-driven tone for the app.

Reasoning:
Creates a strong first impression, setting a goal-driven tone for the app.

Reasoning:
Creates a strong first impression, setting a goal-driven tone for the app.

welcome screen Gif

Companion for constant support and daily inspiration

Companion for constant support and daily inspiration

Companion for constant support and daily inspiration

Feature:
Companion offers dynamic support with motivational quotes, tips, and encouragement to

keep users engaged.

Feature:
Companion offers dynamic support with motivational quotes, tips, and encouragement to

keep users engaged.

Feature:
Companion offers dynamic support with motivational quotes, tips, and encouragement to

keep users engaged.

Reasoning:
Breaking screen addiction requires ongoing guidance.

Companion provides consistent, timely reminders to keep users focused and motivated,

the logo inspired/borrowed from headspace.

Reasoning:
Breaking screen addiction requires ongoing guidance.

Companion provides consistent, timely reminders to keep users focused and motivated,

the logo inspired/borrowed from headspace.

Reasoning:
Breaking screen addiction requires ongoing guidance.

Companion provides consistent, timely reminders to keep users focused and motivated,

the logo inspired/borrowed from headspace.

zoomed in top view of the app highlighting it's smart assistance feature
zoomed in top view of the app highlighting it's smart assistance feature
zoomed in top view of the app highlighting it's smart assistance feature
different states of the assistant Interface
different states of the assistant Interface
different states of the assistant Interface
3 different UI screen showcasing 1. home screen 2.settings page 3.On going progress bar on home page like a music player
zoomed in preview of how user can set goals and how it looks
zoomed in preview of how user can set goals and how it looks
zoomed in preview of how user can set goals and how it looks
zoomed in preview of how user can set goals and how it looks

A prominent CTA which also works like one

A prominent CTA which also works like one

A prominent CTA which also works like one

Feature:
Goal setting is quick and easy, with a visible tracking card—just like a music player—showing progress at the bottom, always ready to resume when you return.

Feature:
Goal setting is quick and easy, with a visible tracking card—just like a music player—showing progress at the bottom, always ready to resume when you return.

Feature:
Goal setting is quick and easy, with a visible tracking card—just like a music player—showing progress at the bottom, always ready to resume when you return.

Reasoning:
Setting goals is easy, but tracking them can be tough. By placing ongoing goals at the bottom of the screen, users can easily pick up where they left off, keeping them focused and reducing friction.

Reasoning:
Setting goals is easy, but tracking them can be tough. By placing ongoing goals at the bottom of the screen, users can easily pick up where they left off, keeping them focused and reducing friction.

Reasoning:
Setting goals is easy, but tracking them can be tough. By placing ongoing goals at the bottom of the screen, users can easily pick up where they left off, keeping them focused and reducing friction.

Screen Time Summary

Screen Time Summary

Screen Time Summary

Feature:
Bento layout with dynamic cards for quick info and easy deep dives.

Feature:
Bento layout with dynamic cards for quick info and easy deep dives.

Feature:
Bento layout with dynamic cards for quick info and easy deep dives.

Reasoning:
The bento layout packs key info in a fast, smooth experience, letting users dive deeper only when needed—keeping them engaged without distractions.

Reasoning:
The bento layout packs key info in a fast, smooth experience, letting users dive deeper only when needed—keeping them engaged without distractions.

Reasoning:
The bento layout packs key info in a fast, smooth experience, letting users dive deeper only when needed—keeping them engaged without distractions.

data visualization on the screen showing user data
data visualization on the screen showing user data
data visualization on the screen showing user data
data visualization on the screen showing user data
a gamified widget keeping track of time unplugged from the phone
a gamified widget keeping track of time unplugged from the phone
a gamified widget keeping track of time unplugged from the phone
a gamified widget keeping track of time unplugged from the phone

Gamification

Gamification

Gamification

Feature:
Gamification rewards users with discounts for saving time, like earning a promo for every 100 hours saved.

Feature:
Gamification rewards users with discounts for saving time, like earning a promo for every 100 hours saved.

Feature:
Gamification rewards users with discounts for saving time, like earning a promo for every 100 hours saved.

Reasoning:
Targeting tech-savvy users who shop and game, this system taps into their competitive nature with rewards they value and understand.

Reasoning:
Targeting tech-savvy users who shop and game, this system taps into their competitive nature with rewards they value and understand.

Reasoning:
Targeting tech-savvy users who shop and game, this system taps into their competitive nature with rewards they value and understand.

Productivity

Productivity

Productivity

Feature:
Community challenges and quick stats show user progress and rank, with Pomodoro for focused work.

Feature:
Community challenges and quick stats show user progress and rank, with Pomodoro for focused work.

Feature:
Community challenges and quick stats show user progress and rank, with Pomodoro for focused work.

Reasoning:
Small tasks lead to big results, breaking down goals into manageable wins to keep users motivated and avoid frustration.

Reasoning:
Small tasks lead to big results, breaking down goals into manageable wins to keep users motivated and avoid frustration.

Reasoning:
Small tasks lead to big results, breaking down goals into manageable wins to keep users motivated and avoid frustration.

zoomed in home screen page with different tool to assist you in productivity
zoomed in home screen page with different tool to assist you in productivity
zoomed in home screen page with different tool to assist you in productivity

Nav bar

Nav bar

Nav bar

Feature:
The nav bar includes stats, allowing users to track progress, compare with others, and share achievements on social media.

Feature:
The nav bar includes stats, allowing users to track progress, compare with others, and share achievements on social media.

Feature:
The nav bar includes stats, allowing users to track progress, compare with others, and share achievements on social media.

Reasoning:
For tech-savvy users with active online lives, social sharing fosters community, celebrates achievements, and encourages others to join in.

Reasoning:
For tech-savvy users with active online lives, social sharing fosters community, celebrates achievements, and encourages others to join in.

Reasoning:
For tech-savvy users with active online lives, social sharing fosters community, celebrates achievements, and encourages others to join in.

a social share page where user can check how are they performing
a social share page where user can check how are they performing
a social share page where user can check how are they performing
a hero image showing all the ui on an iphone mockup
a hero image showing all the ui on an iphone mockup
a hero image showing all the ui on an iphone mockup

Reflections

Reflections

Reflections

Working within tight time constraints was a significant challenge, but it revealed the compounding effect of years spent learning, understanding processes, and building a repository of ideas and visuals. This project showcased how these accumulated skills enabled me to deliver under pressure. It's a reminder that in the fast-paced world of design, our past experiences continue to shape our future possibilities.

Working within tight time constraints was a significant challenge, but it revealed the compounding effect of years spent learning, understanding processes, and building a repository of ideas and visuals. This project showcased how these accumulated skills enabled me to deliver under pressure. It's a reminder that in the fast-paced world of design, our past experiences continue to shape our future possibilities.

Working within tight time constraints was a significant challenge, but it revealed the compounding effect of years spent learning, understanding processes, and building a repository of ideas and visuals. This project showcased how these accumulated skills enabled me to deliver under pressure. It's a reminder that in the fast-paced world of design, our past experiences continue to shape our future possibilities.