4 weeks

Figma designer

SaaS - Productivity

Align - Mobile App Design

Align is a mobile app designed to help users reduce screen time and build healthier digital habits. It combines personal tracking with social features like friends, groups, challenges, and leaderboards to keep users motivated and accountable.

The goal of this project was to design a clean and engaging mobile experience in Figma that makes screen time reduction feel more interactive and social, while still being simple and easy to use in everyday life.

Project goals and challenges

Design a mobile app for App Store and Google Play

Enable app blocking and screen time limits

Social features like leaderboards and group challenges

Encourage reduced screen time through motivation

Create a scalable design system in Figma

Design a clear onboarding experience

Ensure dev-ready structured components

Balance utility with social engagement

My approach

  1. Researched screen time and habit tracking apps

  1. Defined core user flows and app structure

  1. Planned onboarding and social interaction features

  1. Designed key screens in Figma

  1. Built a consistent design system

  1. Focused on gamification and motivation mechanics

  1. Refined usability across core interactions

  1. Make a dev friendly documentation and handoff

Final results

The final outcome is a polished mobile app designed to make reducing screen time more engaging and social. Built entirely in Figma, the experience brings together app limits, tracking, and competitive features like groups and leaderboards in a clear and motivating way. The client was very happy with the final result and the overall direction of the design. A complete developer handoff was also prepared to support smooth implementation.