Mockup

How It Works

It is an excellent research tool; we can check how users react to the product and update the design accordingly.

Role

UX/UI Designer

Industry

All

Duration

1-3 months

Stage 1. Usability Audit

Initiated the project with a comprehensive usability audit of the existing app, employing heuristic evaluation, user interviews, and performance analytics to identify friction points. This audit revealed significant areas for improvement, particularly in the app's navigation system, goal tracking features, and social engagement mechanisms.

Stage 2. Design Strategy

Formulated a redesign strategy that prioritizes a simplified user flow, enhanced data visualization for goal tracking, and new features to foster community engagement among users. 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: Undertook the redesign of core app screens and user flows, addressing the audit's findings. Emphasized the creation of a more intuitive and goal-oriented user journey, reducing cognitive load and enhancing the overall user experience.
High-Fidelity Prototyping: Leveraged Adobe XD to construct detailed prototypes that brought the new design to life. These prototypes featured a refined aesthetic that aligns with the motivational needs of fitness enthusiasts, 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 fitness goals actively. Carefully selected typography and iconography that resonated with the app's target demographic, ensuring the interface is not only beautiful but also functional.

Stage 1. Usability Audit

Stage 2. Design Strategy

Stage 3. Prototype Development

Wireframing: Undertook the redesign of core app screens and user flows, addressing the audit's findings. Emphasized the creation of a more intuitive and goal-oriented user journey, reducing cognitive load and enhancing the overall user experience.
High-Fidelity Prototyping: Leveraged Adobe XD to construct detailed prototypes that brought the new design to life. These prototypes featured a refined aesthetic that aligns with the motivational needs of fitness enthusiasts, 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 fitness goals actively. Carefully selected typography and iconography that resonated with the app's target demographic, ensuring the interface is not only beautiful but also functional.

Stage 4. User Feedback & Refinement

Facilitated user testing with a diverse group of app users, gathering insightful feedback on the redesign. This phase was crucial in identifying unforeseen usability issues and validating the effectiveness of the new design elements. Iterative refinements were made based on this feedback, fine-tuning the app's interface to maximize user satisfaction and engagement.

Stage 5. Implementation & Launch Support

Collaborated closely with the development team to ensure a smooth transition from design to implementation. Provided ongoing support and guidance during the development phase, addressing any design-related challenges that arose. Played a key role in the app's successful relaunch, monitoring user feedback and engagement post-launch to inform future updates.

a black cellphone with a white letter on it

Outcomes

The redesigned fitness tracker app received overwhelmingly positive feedback from users, who praised its improved usability, engaging design, and motivational features. The project was a significant learning opportunity, enhancing my understanding of user-centric design principles and the impact of design on user behavior and app retention.

Outcomes

Other projects

Figma

Figma is a cloud-based design tool for digital interfaces.

A/B Testing

AB testing is quantitative research method used to compare two versions of a web page or app interface to determine which one performs better.

Computing Basics

Computing Basics: HTML and CSS Fundamentals

Wireframes

A black & white sketch of a page’s interface

Research Methods

Research Methods in UX Design: Understanding and Applying User Research

Visual Culture

Visual Culture in UX Design: Understanding and Applying Key Concepts

Prototyping

A sample version of the product which is released to a small number of end-users in order to test and approve the design. After a few versions of the prototype, we can come up with a product for sale.