Go Back

Go Back

Digital Detox App

Digital Detox App

Digital Detox App

My Role

My Role

Product Designer

Product Designer

Industry

Industry

Health & Wellness

Health & Wellness

Platform

Platform

Mobile

Mobile

Overview

Overview

In our digital-first world, the average person spends a significant portion of their day staring at screens. This constant connectivity can lead to digital burnout, reduced physical activity, and a decline in face-to-face interactions. A digital detox is essential for mental and physical health, as it helps to reset our screen habits, foster real-world relationships, and improve overall well-being.

In our digital-first world, the average person spends a significant portion of their day staring at screens. This constant connectivity can lead to digital burnout, reduced physical activity, and a decline in face-to-face interactions. A digital detox is essential for mental and physical health, as it helps to reset our screen habits, foster real-world relationships, and improve overall well-being.

Objective

Objective

The goal of the Digital Detox app is to raise awareness around screen habits and support users in setting achievable screen time reduction goals. Through engaging visuals, motivational gamification, and clear data insights, the app encourages users to maintain a balanced digital lifestyle.

Design Focus

Design Focus

Engaging Welcome Message and Visuals


  • The app's welcome message, "Ready to Take Control of Your Screen Time?" directly addresses users' intentions, instantly engaging them by acknowledging their desire for managing screen time.

  • Serene and calming imagery like nature scenes were chosen to contrast the digital-centric life, evoking a sense of tranquility and encouraging users to disconnect momentarily.


Screen Time Summary with Graphical Representation


  • A large, easy-to-read display of "Today's Screen Time" serves as an immediate focal point, allowing users to quickly assess their current usage.

  • Utilizing bar graphs aids in visualising daily/weekly trends and goals. This visual representation helps users identify patterns and progress towards their set goals, fostering self-awareness and motivation for change.


Primary Call-to-Action (CTA)


  • The prominent CTA, "Set Your Goals" is strategically positioned to guide both new and returning users, encouraging them to take action towards managing their screen time effectively.

  • The vibrant colour contrast used in the CTA draws immediate attention, prompting users to explore goal-setting or progress tracking features.


Gamification Highlights


  • Incorporating elements like levels and badges taps into users' inclination towards interactive experiences. It transforms screen time reduction into an engaging journey rather than a mere task.

  • Snapshots of progress or badges are displayed to entice users with achievable milestones and rewards, fostering a sense of accomplishment.


Navigation Access


  • Intuitive and minimalist icons at the bottom facilitate easy navigation, ensuring users can seamlessly explore essential app sections like Home, Community, and Account.

  • Clear, universally recognized symbols were chosen for effortless and intuitive navigation, contributing to a smooth user experience.


Daily Inspiration


  • Offering daily motivational content, such as quotes and challenges, reinforces users' commitment to a healthier digital lifestyle. This feature aims to provide constant encouragement and support throughout their journey.

  • Use of attractive typography and subtle animations helps the daily inspiration stand out, motivating users to engage regularly.

Outcome & Key Learnings: This project emphasized the importance of balancing simplicity with engagement, especially in single-page designs. Learned effective ways to use animations and carousels to convey information while keeping the design clean and focused.

User Experience Enhancement

User Experience Enhancement

The design prioritizes a user-friendly interface that aligns with the app's mission of promoting a balanced digital lifestyle. By combining clear information display, motivational elements, and easy navigation, the design aims to empower users to take charge of their screen time habits and create a more mindful relationship with technology.

The design prioritizes a user-friendly interface that aligns with the app's mission of promoting a balanced digital lifestyle. By combining clear information display, motivational elements, and easy navigation, the design aims to empower users to take charge of their screen time habits and create a more mindful relationship with technology.

2024  Adil Rafeek

Made with Framer & Figma

2024  Adil Rafeek

Made with Framer & Figma