Tracky

Mobile App
Accsessability

A mobile application project centered around branding, cohesive visual systems, and addressing complex user pain points to create a more seamless and intuitive user experience.

From Chaos to Clarity: A UI/UX Redesign Case Study

This UI project focused on taking an existing or hastily developed application and reimagining its interface and functionality from the ground up. I chose Tracky, a relatively new standalone mobile app designed for tracking custom categories and visualizing user data. In its current form, Tracky lacks usability and offers limited functionality beyond simply displaying tracked data. This made it an ideal candidate for a complete UI overhaul, along with the integration of new mobile features to elevate its uniqueness and overall user experience.

Reimagining Identity

The re-branding phase of Tracky focused on redefining its identity to better align with its core purpose: empowering users to track and visualize custom data in a more meaningful way. The original branding lacked clarity, emotional resonance, and a cohesive visual system, making it difficult for users to connect with the app.

  • Identity
  • Custom data
  • Visual system
  • Emotional resonance

Designing with Intent

This phase focused on completely rethinking Tracky’s mobile experience from the ground up. The original app lacked intuitive navigation, visual consistency, and meaningful interaction, all of which limited its usability and appeal. The redesign introduces a cleaner UI, personalized dashboards, and improved data visualization to give users a more focused and enjoyable tracking experience.

  • Navigation
  • Visual consistency
  • Clean UI
  • Data visualiztion

The Interactive Build

In the final stage, the redesigned interface was brought to life through an interactive, high-fidelity prototype. This step was crucial for testing usability, refining interactions, and validating the overall user flow before development. The prototype captures key user journeys, from customizing a category to visualizing tracked data. It also helped uncover small UX improvements and ensured the new design system works seamlessly in motion.

  • Prototype
  • Testing
  • Flow development
  • User Journey
  • Motion Design

Reimagining Identity

This section focuses on the full rebranding of Tracky — from its logo and color palette to tone of voice and visual identity.

The rebrand of Tracky set the foundation for the entire redesign process, with a goal to reposition the app as not just a data tool, but a personal companion for tracking life’s little patterns. The original branding was minimal, generic, and lacked a clear personality — making the app feel more like a temporary utility than a meaningful part of a user’s daily routine.

Visual Boards

Before jumping into design execution, I created a series of visual boards to explore the tone, mood, and personality of Tracky’s new direction.

Brand Voice

Defining Tracky’s brand voice was about more than just tone — it was about building a personality users could connect with.

Colors And Moods

Tracky’s new color system is built around contrast, clarity, and emotional tone designed to make the interface feel both focused and approachable.

Logo Mark Spacing

The spacing system around the Tracky brand mark was designed to ensure consistency, clarity, and visual harmony across all applications.

Redesigning Tracky’s Mobile Experience

This section explores the comprehensive redesign of Tracky’s mobile app, focusing on creating an intuitive, engaging, and visually appealing experience. By addressing key questions about usability, personalization, and user engagement, the redesign simplifies navigation, enhances data visualization, and ensures the app evolves alongside user needs. The goal was to transform Tracky from a basic tracking tool into a dynamic, user-centered platform that users would enjoy interacting with every day.

Challenge

The main challenge in this project was transforming Tracky from a cluttered and confusing app into a streamlined and user-friendly experience. The app’s original design lacked clarity and was packed with features that overwhelmed users, making it difficult for them to easily track and visualize their data. My goal was to simplify the interface while still maintaining the depth of functionality, ensuring that the app remained intuitive, engaging, and adaptable for future growth.

Solution

To address these challenges, the design focused on decluttering the interface and enhancing visual clarity. The new mobile app is centered around intuitive navigation, dynamic data visualizations, and user-friendly customization options. A fresh, modern look was paired with personalized features, making it easier for users to track and visualize their progress. Every design choice aimed to create an enjoyable experience that feels both empowering and simple.

Reflection

Reflecting on the redesign process, this project was an opportunity for me to rethink how design can solve real user problems while enhancing overall functionality. The iterative process allowed me to refine the visual and interactive elements, ensuring the app was not only visually appealing but also intuitive and efficient. By focusing on user-centric design principles, I was able to create a product that is both scalable and engaging. The outcome demonstrates the importance of thoughtful design in elevating user experience, positioning Tracky to grow and meet the evolving needs of its users.