Routiner: A Fresh Take on Habit Tracking

Routiner is a habit tracking app that gamifies the 21-day journey of habit formation, using color-coded progress and offering bundles of related habits to keep users motivated and engaged.

Role

UX/UI Designer

Role

UX/UI Designer

Role

UX/UI Designer

Industry

Health & Fitness

Industry

Health & Fitness

Industry

Health & Fitness

Duration

3 months

Duration

3 months

Duration

3 months

a cell phone on a bench
a cell phone on a bench
a cell phone on a bench

Stage 1: Usability Audit

The project began with a comprehensive usability audit of the existing app. This included heuristic evaluation, user interviews, and performance analytics to identify friction points. The audit revealed significant areas for improvement, particularly in the app’s navigation system, habit tracking features, and user motivation mechanisms.

Stage 2: Design Strategy

Formulated a redesign strategy that prioritizes a simplified user flow, enhanced data visualization for habit tracking, and new features to help users discover and maintain habits. Developed a detailed design roadmap, categorizing changes into short-term fixes and long-term enhancements to guide the redesign efforts effectively.

Stage 3: Prototype Development

Wireframing: Redesigned core app screens and user flows based on audit findings. Focused on creating a more intuitive and goal-oriented user journey, reducing cognitive load, and enhancing the overall user experience.


High-Fidelity Prototyping: Leveraged Figma to construct detailed prototypes that brought the new design to life. These prototypes featured a refined aesthetic that aligns with the motivational needs of users, showcasing the app’s enhanced functionality and interactivity.


User Interface Design: Revamped the app’s visual identity, incorporating vibrant colors and dynamic elements that motivate users to engage with their habits actively. Carefully selected typography and iconography that resonate with the app’s target demographic, ensuring the interface is both beautiful and functional.


For the full case study, please visit my Dribbble profile here.

Stage 1: Usability Audit

The project began with a comprehensive usability audit of the existing app. This included heuristic evaluation, user interviews, and performance analytics to identify friction points. The audit revealed significant areas for improvement, particularly in the app’s navigation system, habit tracking features, and user motivation mechanisms.

Stage 2: Design Strategy

Formulated a redesign strategy that prioritizes a simplified user flow, enhanced data visualization for habit tracking, and new features to help users discover and maintain habits. Developed a detailed design roadmap, categorizing changes into short-term fixes and long-term enhancements to guide the redesign efforts effectively.

Stage 3: Prototype Development

Wireframing: Redesigned core app screens and user flows based on audit findings. Focused on creating a more intuitive and goal-oriented user journey, reducing cognitive load, and enhancing the overall user experience.


High-Fidelity Prototyping: Leveraged Figma to construct detailed prototypes that brought the new design to life. These prototypes featured a refined aesthetic that aligns with the motivational needs of users, showcasing the app’s enhanced functionality and interactivity.


User Interface Design: Revamped the app’s visual identity, incorporating vibrant colors and dynamic elements that motivate users to engage with their habits actively. Carefully selected typography and iconography that resonate with the app’s target demographic, ensuring the interface is both beautiful and functional.


For the full case study, please visit my Dribbble profile here.

Other projects

Copyright 2024 by Neslihan Emir

Copyright 2024 by Neslihan Emir

Copyright 2024 by Neslihan Emir