Silver Mobile Technologies, Applications and Software Design · 2025
Chartmetric Mobile Music Analytics App
by Qihang Zhang
- A' Design Award 2025 Silver Winner in Mobile Technologies, Applications and Software Design
- Awarded April 15, 2025
- CLIENT: Chartmetric
- Estimated Number of Design Views: 43,319
- Verification code 453983B4F8 · Verify this award
About Chartmetric Mobile Music Analytics App
The Chartmetric Mobile App revolutionizes music analytics by providing real time insights in a sleek, mobile optimized interface. Designed for industry professionals, it offers instant access to artist performance metrics, audience demographics, and playlist tracking. Unique features include interactive data visualizations, smart alerts, and seamless cross platform integration, enabling precise, data driven decision making in a fast-paced music landscape. Performance enhancements ensure faster data retrieval, while intuitive navigation and dashboards improve usability, making it more powerful.
This distinguished mobile application interface collection, which might be titled *Harmonic Data: A Visual Symphony of Music Analytics*, exemplifies the contemporary convergence of information design principles with aesthetic sophistication that characterizes the most accomplished digital product experiences of the current era. The work participates in the established tradition of interface design that traces lineage through the clean functionalism of Swiss graphic design, the humanistic warmth of contemporary material design systems, and the data-forward clarity pioneered by information visualization specialists who recognized that complex datasets require both cognitive accessibility and visual pleasure. The compositional strategy of presenting multiple screens in cascading arrangement demonstrates sophisticated product communication techniques, allowing viewers to comprehend the application's comprehensive scope while appreciating individual interface solutions in their specific functional contexts. Chromatic decisions reveal particular accomplishment, with each screen's gradient background establishing distinct emotional territories—the deep violet-blue suggesting evening contemplation and serious analytical work, the warm coral tones inviting engagement and celebrating achievement, the serene blue communicating trustworthiness and clarity—while maintaining cohesion through consistent typographic treatment and interaction pattern vocabulary. Technical merit manifests in the precise balance between data density and visual breathing room, with numerical statistics, percentage indicators, and chart visualizations arranged to maximize legibility while avoiding cognitive overwhelm. The circular chart elements and avatar photographs introduce organic warmth that softens the inherent rigidity of tabular data presentation, suggesting the fundamentally human dimension of music industry analytics—that behind every streaming number exists an artist's creative effort and a listener's emotional engagement. The work invites consideration of how thoughtful interface design transforms abstract numerical data into meaningful narratives that support creative industry professionals in understanding their artistic impact and audience relationships.
Press Kit
- Unique Properties
- The Chartmetric Mobile App revolutionizes music analytics by providing real-time insights in a sleek, mobile-optimized interface. Designed for industry professionals, it offers instant access to artist performance metrics, audience demographics, and playlist tracking. Unique features include interactive data visualizations, smart alerts, and seamless cross-platform integration, enabling precise, data-driven decision-making in a fast-paced music landscape.
- Dimensions & Packaging
- The Chartmetric Mobile App is a cloud-based music analytics platform optimized for iOS and Android. It features real-time data processing, interactive visualizations, and a redesigned user interface for seamless navigation. The app integrates streaming, social, and audience metrics from platforms like Spotify, Apple Music, TikTok, and YouTube. Performance enhancements ensure fast data retrieval, while push notifications, swipeable milestone cards, and responsive UI optimize user experience across all devices.
- Tags
- music analytics, mobile app, artist insights, playlist tracking, real-time data, audience engagement, music industry, data visualization, A&R tool, streaming trends
- Production Technology
- The Chartmetric Mobile App was developed using React Native for cross-platform compatibility on iOS and Android, ensuring a seamless and efficient user experience. The backend leverages AWS infrastructure for scalable real-time data processing, integrating APIs from platforms like Spotify, Apple Music, TikTok, and YouTube. UI/UX was designed with Figma, focusing on intuitive navigation and interactive data visualization. Performance optimizations include GraphQL for efficient querying and Firebase for push notifications.
- Design Challenge
- The greatest challenge was translating complex music analytics into a streamlined, intuitive mobile experience without compromising depth. Balancing usability with robust data visualization required extensive user research to optimize navigation, interactivity, and real-time insights. Technical challenges included ensuring seamless cross-platform performance and real-time data updates, while maintaining clarity in presenting vast datasets for industry professionals making high-stakes decisions on the go.
- Project Duration
- The project began in September 2024 in San Mateo and was completed in December 2024. The app was officially relaunched in early 2025, introducing a refined user experience and enhanced functionality. The development process included extensive research, iterative design improvements, and rigorous user testing to optimize performance. The project has been showcased through industry events and digital platforms, reinforcing its impact on the music analytics landscape.
- Operation Flow
- The Chartmetric Mobile App is designed for quick, seamless access to music data. Users can search for any artist, playlist, or song and instantly view real-time stats, trends, and audience insights. Swipeable milestone cards allow easy sharing of key achievements, while interactive graphs provide deeper exploration. A redesigned home screen, smart tabs, and fast-loading visuals make navigation effortless. Push notifications keep users updated, ensuring smarter, data-driven decisions on the go.
- Research
- We conducted user-centered research to optimize mobile music analytics for industry professionals. The objective was to enhance accessibility and usability without compromising data depth. Using surveys, interviews, and usability testing, we gathered insights from A&Rs, managers, and marketers. Data collection included heatmaps, engagement tracking, and feedback sessions. Results showed a demand for real-time alerts, interactive data visualizations, and personalized dashboards, leading to a more intuitive and actionable app experience.
- Inspiration
- The Chartmetric Mobile App was inspired by the growing demand for real-time, data-driven decision-making in the music industry. With professionals constantly on the move, we saw the need for a seamless, mobile-first solution that provides instant access to critical insights. Extensive research into user behavior and industry workflows guided the design, ensuring a balance between depth and usability, empowering A&Rs, managers, and marketers to navigate the evolving music landscape efficiently.
- Image Credits
- Image #1: Illustrator / Designer Qihang Zhang (Chartmetric), Chartmetric Mobile App 1, 2024.
Image #2: Illustrator / Designer Qihang Zhang (Chartmetric), Chartmetric Mobile App 2, 2024.
Image #3: Illustrator / Designer Qihang Zhang (Chartmetric), Chartmetric Mobile App 3, 2024.
Image #4: Illustrator / Designer Qihang Zhang (Chartmetric), Chartmetric Mobile App 4, 2024.
Video Credits: Qihang Zhang (Chartmetric), Chartmetric Mobile App: Real-Time Music Analytics Anywhere, 2024. - Patents
- Copyrights belong to Chartmetric, 2024.
Colors of Chartmetric Mobile Music Analytics App
Get Chartmetric Mobile Music Analytics App
Award-Winning UX/Product Design for Mobile and Web Applications
We specialize in creating intuitive digital experiences that transform complex data into actionable insights. With expertise in mobile app design, data visualization, and user research, we deliver solutions that empower users and drive engagement.
G0E23 ShopDesign Interview about Chartmetric Mobile Music Analytics App
The inspiration for the Chartmetric Mobile App came from a simple observation: in the music industry, time is everything—and most decisions happen on the go. Artists, managers, and marketers often need real-time access to data while on tour buses, backstage, or in meetings. Yet most analytics tools were still built for static desktop use, making it difficult to stay informed in motion.
As a designer, I saw an opportunity to improve that experience by making powerful music insights more accessible in everyday situations. The core principle behind the design was mobility without compromise—bringing the richness of Chartmetric’s data into an intuitive, responsive format that felt right at home on mobile.
The interface was shaped not only by visual clarity, but also by the rhythm and flow of music itself. I wanted the app to feel fluid and approachable—less like a dashboard, and more like a personalized story of one’s artistic journey told through data.
At its heart, this design is about humanizing analytics: making information not only usable, but meaningful in the hands of people shaping culture every day.
As a designer, I saw an opportunity to improve that experience by making powerful music insights more accessible in everyday situations. The core principle behind the design was mobility without compromise—bringing the richness of Chartmetric’s data into an intuitive, responsive format that felt right at home on mobile.
The interface was shaped not only by visual clarity, but also by the rhythm and flow of music itself. I wanted the app to feel fluid and approachable—less like a dashboard, and more like a personalized story of one’s artistic journey told through data.
At its heart, this design is about humanizing analytics: making information not only usable, but meaningful in the hands of people shaping culture every day.
As a designer, my focus was to make complex information feel effortless—something that empowers rather than overwhelms. In the fast-paced world of music, people don’t always have the time or space to open a laptop or analyze spreadsheets. I saw an opportunity to improve the mobile experience so users could access the data they needed, when and where they needed it most.
My goal was to make the app feel less like a tool, and more like a companion—something you could trust to surface the most relevant insights without digging through layers of data. That meant focusing on intuitive navigation, clear visual hierarchy, and features like AI-powered summaries that translate raw numbers into understandable narratives.
What I aimed to achieve wasn’t just a functional interface, but a sense of ease. Whether users are checking playlist performance before a show or tracking fan engagement between meetings, the app needed to meet them where they are—both physically and mentally.
Rather than reinventing everything, I worked within existing product frameworks and focused on refining interactions, simplifying complexity, and ensuring that the experience felt cohesive with the broader Chartmetric ecosystem. It was about designing with empathy—for creators, marketers, and teams who work at the speed of culture.
My goal was to make the app feel less like a tool, and more like a companion—something you could trust to surface the most relevant insights without digging through layers of data. That meant focusing on intuitive navigation, clear visual hierarchy, and features like AI-powered summaries that translate raw numbers into understandable narratives.
What I aimed to achieve wasn’t just a functional interface, but a sense of ease. Whether users are checking playlist performance before a show or tracking fan engagement between meetings, the app needed to meet them where they are—both physically and mentally.
Rather than reinventing everything, I worked within existing product frameworks and focused on refining interactions, simplifying complexity, and ensuring that the experience felt cohesive with the broader Chartmetric ecosystem. It was about designing with empathy—for creators, marketers, and teams who work at the speed of culture.
While the current version of the app already brings immense value to users on the go, there are still many exciting directions for it to grow. From a design perspective, I see opportunities to continue enhancing accessibility, performance, and personalization—especially as mobile behavior and user needs evolve.
In the future, I hope to see deeper integration of predictive insights, improved onboarding experiences for newer users, and continued localization efforts to better serve a global user base. I’m also excited about the potential of designing new features that adapt to different professional roles within the music ecosystem, such as A&R, digital marketing, or tour management.
Personally, I’m committed to continuously improving the user experience and contributing to a product that empowers creativity through data. Whether through design refinements, user feedback loops, or cross-functional collaboration, I see this project as a living system—always evolving in response to real-world use.
While I cannot speak for broader company strategy, from a design perspective, there is still so much untapped potential—and I’m excited to keep pushing the experience forward.
In the future, I hope to see deeper integration of predictive insights, improved onboarding experiences for newer users, and continued localization efforts to better serve a global user base. I’m also excited about the potential of designing new features that adapt to different professional roles within the music ecosystem, such as A&R, digital marketing, or tour management.
Personally, I’m committed to continuously improving the user experience and contributing to a product that empowers creativity through data. Whether through design refinements, user feedback loops, or cross-functional collaboration, I see this project as a living system—always evolving in response to real-world use.
While I cannot speak for broader company strategy, from a design perspective, there is still so much untapped potential—and I’m excited to keep pushing the experience forward.
The design process for the Chartmetric Mobile App took approximately three to four months, from early September to December 2024. It was an iterative journey that involved user research, wireframing, prototyping, visual design, and constant collaboration with cross-functional teams.
Given the complexity of translating a data-rich platform into a mobile-first experience, I spent a significant amount of time refining navigation flows, testing usability across devices, and ensuring consistency with Chartmetric’s design system. Even after the initial release, improvements continued based on real-world feedback—which I see as an essential part of the design lifecycle.
Given the complexity of translating a data-rich platform into a mobile-first experience, I spent a significant amount of time refining navigation flows, testing usability across devices, and ensuring consistency with Chartmetric’s design system. Even after the initial release, improvements continued based on real-world feedback—which I see as an essential part of the design lifecycle.
This design was part of my ongoing responsibilities as a product designer at Chartmetric. The concept itself aligned with a broader product vision to make music data more accessible across platforms, including mobile.
Within that context, I identified a growing need to improve the mobile experience for users who were constantly on the move—whether they were artists checking stats backstage or managers tracking trends during meetings. Through internal conversations and team collaboration, we explored how to translate core product functionality into a format that felt intuitive, lightweight, and responsive on mobile.
While the project wasn’t something I initiated independently, I was deeply involved in shaping the user experience from the early concept stages through to execution. It was both a professional challenge and a creative opportunity I was excited to take on—bringing design thinking into a space that directly impacts how people interact with their music careers.
Within that context, I identified a growing need to improve the mobile experience for users who were constantly on the move—whether they were artists checking stats backstage or managers tracking trends during meetings. Through internal conversations and team collaboration, we explored how to translate core product functionality into a format that felt intuitive, lightweight, and responsive on mobile.
While the project wasn’t something I initiated independently, I was deeply involved in shaping the user experience from the early concept stages through to execution. It was both a professional challenge and a creative opportunity I was excited to take on—bringing design thinking into a space that directly impacts how people interact with their music careers.
This design is part of Chartmetric’s official product suite and is owned, operated, and distributed by the company. The mobile app is actively used by music industry professionals worldwide—including artists, managers, and label teams—as part of their daily workflows.
As the designer, my role was to contribute to the user experience and interface design of the product within the company’s larger development framework. I do not own the rights to the product, nor do I intend to sell or license the design independently. My focus was on delivering high-quality design that aligned with the company’s goals and served the needs of its users.
As the designer, my role was to contribute to the user experience and interface design of the product within the company’s larger development framework. I do not own the rights to the product, nor do I intend to sell or license the design independently. My focus was on delivering high-quality design that aligned with the company’s goals and served the needs of its users.
As a designer with a deep personal connection to both music and data, I’ve always been drawn to projects that bridge the creative and analytical worlds. Designing for the music industry—especially tools that help artists and their teams make informed decisions—felt especially meaningful to me.
This particular type of work appealed to me because it lives at the intersection of culture, technology, and storytelling. I was fascinated by the challenge of making raw streaming and social data feel accessible, even beautiful, in the palm of someone’s hand. It wasn’t just about presenting numbers—it was about designing an experience that helps people understand and shape their trajectory in a fast-moving industry.
What motivated me most was knowing that the design wouldn’t just sit in a portfolio—it would be something real users depend on daily, whether they're planning a tour or tracking a viral moment. That sense of impact is what drew me to this work.
This particular type of work appealed to me because it lives at the intersection of culture, technology, and storytelling. I was fascinated by the challenge of making raw streaming and social data feel accessible, even beautiful, in the palm of someone’s hand. It wasn’t just about presenting numbers—it was about designing an experience that helps people understand and shape their trajectory in a fast-moving industry.
What motivated me most was knowing that the design wouldn’t just sit in a portfolio—it would be something real users depend on daily, whether they're planning a tour or tracking a viral moment. That sense of impact is what drew me to this work.
Absolutely. I’ve always admired digital products that make complexity feel simple—tools like Notion, Spotify for Artists, and Apple’s native apps have had a strong influence on how I think about clarity, hierarchy, and emotional tone in interface design.
From Notion, I drew inspiration in how it balances depth with approachability—layering complexity without overwhelming the user. Spotify for Artists influenced how we think about contextual storytelling through data, especially in terms of making analytics feel connected to an artist’s personal journey. And Apple’s Health app served as a reference for how to design data visualizations that are both readable and elegant on mobile.
In terms of design philosophy, I’m influenced by designers who advocate for inclusive, user-centered systems—people like Julie Zhuo, Aarron Walter, and more broadly, the Material Design team at Google for how they define scalable, human-first patterns.
While the final product needed to fit within Chartmetric’s own brand and functional needs, these references helped inform my visual language and user experience approach throughout the process.
From Notion, I drew inspiration in how it balances depth with approachability—layering complexity without overwhelming the user. Spotify for Artists influenced how we think about contextual storytelling through data, especially in terms of making analytics feel connected to an artist’s personal journey. And Apple’s Health app served as a reference for how to design data visualizations that are both readable and elegant on mobile.
In terms of design philosophy, I’m influenced by designers who advocate for inclusive, user-centered systems—people like Julie Zhuo, Aarron Walter, and more broadly, the Material Design team at Google for how they define scalable, human-first patterns.
While the final product needed to fit within Chartmetric’s own brand and functional needs, these references helped inform my visual language and user experience approach throughout the process.
The primary target users are professionals in the music industry who need quick, reliable access to data while on the move. This includes artists, managers, independent teams, label executives, and digital marketers who rely on real-time insights to make creative and strategic decisions.
Many of these users juggle multiple responsibilities across different platforms—social media, streaming, touring, and fan engagement—so they need a tool that simplifies complexity and fits seamlessly into their day-to-day workflow.
The app is especially useful for those working in fast-paced environments where decisions can’t wait for desktop access—checking playlist performance between meetings, reviewing audience stats before a show, or tracking social momentum during a campaign. The goal was to serve the modern, mobile-first music professional who values both clarity and context.
Many of these users juggle multiple responsibilities across different platforms—social media, streaming, touring, and fan engagement—so they need a tool that simplifies complexity and fits seamlessly into their day-to-day workflow.
The app is especially useful for those working in fast-paced environments where decisions can’t wait for desktop access—checking playlist performance between meetings, reviewing audience stats before a show, or tracking social momentum during a campaign. The goal was to serve the modern, mobile-first music professional who values both clarity and context.
What sets this design apart is its focus on clarity, mobility, and intelligence. While many analytics tools offer powerful data, few are truly optimized for mobile use—especially in a way that feels intuitive and emotionally resonant for creative professionals.
This app doesn’t just compress a desktop experience onto a smaller screen. Instead, it was thoughtfully reimagined for mobile-first interaction: with simplified navigation, adaptive layouts, and lightweight performance that respects the constraints and behaviors of on-the-go users.
Another key differentiator is the inclusion of AI-powered features like Smart Summary, which distills complex data into quick, human-readable narratives. Rather than overwhelming users with dashboards, it surfaces what matters most—whether that’s a sudden rise in follower growth or a drop in playlist adds.
Visually, the design avoids the sterile look often associated with data tools. Instead, it embraces a modern, friendly aesthetic that aligns with the energy and rhythm of the music world—striking a balance between functionality and emotional tone.
Ultimately, it’s not just a tool—it’s a companion for decision-making in real time.
This app doesn’t just compress a desktop experience onto a smaller screen. Instead, it was thoughtfully reimagined for mobile-first interaction: with simplified navigation, adaptive layouts, and lightweight performance that respects the constraints and behaviors of on-the-go users.
Another key differentiator is the inclusion of AI-powered features like Smart Summary, which distills complex data into quick, human-readable narratives. Rather than overwhelming users with dashboards, it surfaces what matters most—whether that’s a sudden rise in follower growth or a drop in playlist adds.
Visually, the design avoids the sterile look often associated with data tools. Instead, it embraces a modern, friendly aesthetic that aligns with the energy and rhythm of the music world—striking a balance between functionality and emotional tone.
Ultimately, it’s not just a tool—it’s a companion for decision-making in real time.
The name of the app, Chartmetric Mobile, directly reflects its purpose and connection to the core Chartmetric platform. Rather than creating a separate identity, the mobile version was intentionally aligned with the parent brand to reinforce continuity, trust, and recognition among users already familiar with the desktop experience.
From a design perspective, this naming approach helped streamline visual branding and allowed me to focus on crafting a distinct user experience within a shared ecosystem. The name itself communicates both function and context: “Chartmetric” for data-driven insights, and “Mobile” for accessibility and flexibility—wherever the user may be.
It wasn’t about inventing something entirely new—it was about extending the brand’s utility in a way that felt intuitive, focused, and instantly clear to a global music audience.
From a design perspective, this naming approach helped streamline visual branding and allowed me to focus on crafting a distinct user experience within a shared ecosystem. The name itself communicates both function and context: “Chartmetric” for data-driven insights, and “Mobile” for accessibility and flexibility—wherever the user may be.
It wasn’t about inventing something entirely new—it was about extending the brand’s utility in a way that felt intuitive, focused, and instantly clear to a global music audience.
For this project, I primarily used Figma for interface design, component structuring, and responsive layouts. It was the central platform for wireframing, visual design, and design system alignment, as well as for real-time collaboration with engineers and product stakeholders.
In the early stages, I used FigJam for mapping user journeys and aligning product flows across mobile and desktop experiences. For motion and interaction prototypes, I utilized Principle and Protopie, especially to communicate transitions and gesture-based interactions to the development team.
User feedback and iteration were key throughout the process, so I also worked with usertesting.com and Maze for lightweight usability testing, ensuring the design performed well under real-world conditions.
These tools allowed me to maintain both speed and precision—moving quickly between exploration and execution while keeping the experience consistent, scalable, and user-centered.
In the early stages, I used FigJam for mapping user journeys and aligning product flows across mobile and desktop experiences. For motion and interaction prototypes, I utilized Principle and Protopie, especially to communicate transitions and gesture-based interactions to the development team.
User feedback and iteration were key throughout the process, so I also worked with usertesting.com and Maze for lightweight usability testing, ensuring the design performed well under real-world conditions.
These tools allowed me to maintain both speed and precision—moving quickly between exploration and execution while keeping the experience consistent, scalable, and user-centered.
The most unique aspect of this design lies in how it balances data density with emotional clarity—delivering powerful analytics through a mobile experience that feels intuitive, lightweight, and personal.
One standout feature is the Smart Summary, an AI-assisted module that synthesizes key performance metrics into a readable, narrative-style overview. Instead of overwhelming users with raw numbers, it tells a contextual story—highlighting shifts in audience growth, playlist performance, or social engagement at a glance. This feature was designed specifically for mobile users who need to understand momentum without diving deep into charts.
Equally important is the visual rhythm of the app: the way typography, color, spacing, and micro-interactions were orchestrated to reflect the pace and tone of the music world. I approached the interface like a score—structured, but expressive—allowing users to feel a sense of flow while navigating through dense information.
This synthesis of data intelligence and human-centered design sets the app apart. It transforms a traditionally technical tool into something that feels more like a creative partner.
One standout feature is the Smart Summary, an AI-assisted module that synthesizes key performance metrics into a readable, narrative-style overview. Instead of overwhelming users with raw numbers, it tells a contextual story—highlighting shifts in audience growth, playlist performance, or social engagement at a glance. This feature was designed specifically for mobile users who need to understand momentum without diving deep into charts.
Equally important is the visual rhythm of the app: the way typography, color, spacing, and micro-interactions were orchestrated to reflect the pace and tone of the music world. I approached the interface like a score—structured, but expressive—allowing users to feel a sense of flow while navigating through dense information.
This synthesis of data intelligence and human-centered design sets the app apart. It transforms a traditionally technical tool into something that feels more like a creative partner.
Yes, this design was the result of close collaboration with a cross-functional team. I worked alongside front-end and back-end engineers, product managers, and data scientists to ensure that the mobile experience was not only visually compelling but also technically feasible and performant.
One of the most rewarding aspects was collaborating with engineers on translating AI-driven insights into actionable, user-friendly interfaces—particularly in developing features like Smart Summary. Their technical expertise helped inform design constraints and unlock new possibilities, especially around data visualization and real-time performance tracking.
Throughout the process, I also worked closely with stakeholders from marketing and customer success to better understand user behavior, edge cases, and regional usage patterns. This input directly influenced how we prioritized features and shaped content hierarchy.
While my primary responsibility was leading the design and user experience, the success of the project was deeply rooted in collaborative problem-solving across disciplines.
One of the most rewarding aspects was collaborating with engineers on translating AI-driven insights into actionable, user-friendly interfaces—particularly in developing features like Smart Summary. Their technical expertise helped inform design constraints and unlock new possibilities, especially around data visualization and real-time performance tracking.
Throughout the process, I also worked closely with stakeholders from marketing and customer success to better understand user behavior, edge cases, and regional usage patterns. This input directly influenced how we prioritized features and shaped content hierarchy.
While my primary responsibility was leading the design and user experience, the success of the project was deeply rooted in collaborative problem-solving across disciplines.
Technology played a foundational role in shaping both the functionality and the user experience of this design. From a design perspective, my role was to translate complex technical capabilities into clear, intuitive interactions that users could trust and navigate with ease.
One key area was the use of AI and machine learning, particularly in powering Smart Summary—an insight module that automatically surfaces meaningful trends, such as sudden shifts in follower growth or playlist additions. My challenge was to design a user interface that could make this intelligence feel seamless and understandable, even for users without a technical background.
Real-time data delivery was another critical aspect. The app consumes vast volumes of streaming and social data through APIs, and I needed to design with that technical reality in mind—ensuring that load states, performance feedback, and visual transitions supported a responsive, stable experience on mobile devices.
While I didn’t build the underlying systems, I worked closely with engineers to bridge the gap between backend complexity and front-end usability—making sure that the technology served the user, not the other way around.
One key area was the use of AI and machine learning, particularly in powering Smart Summary—an insight module that automatically surfaces meaningful trends, such as sudden shifts in follower growth or playlist additions. My challenge was to design a user interface that could make this intelligence feel seamless and understandable, even for users without a technical background.
Real-time data delivery was another critical aspect. The app consumes vast volumes of streaming and social data through APIs, and I needed to design with that technical reality in mind—ensuring that load states, performance feedback, and visual transitions supported a responsive, stable experience on mobile devices.
While I didn’t build the underlying systems, I worked closely with engineers to bridge the gap between backend complexity and front-end usability—making sure that the technology served the user, not the other way around.
Yes, data and research were central to the design process. Given the analytical nature of the product itself, it was important that our design decisions were equally grounded in evidence and user insight.
At the beginning of the project, I collaborated with the product team to review behavioral analytics from our web platform—identifying the most frequently used features and pain points users encountered when accessing Chartmetric from mobile devices. This helped shape the prioritization of core functionalities in the mobile version.
We also conducted user interviews with artists, managers, and digital marketing professionals across different regions to better understand their mobile usage patterns, contextual needs, and common frustrations with existing tools. These conversations revealed that speed, clarity, and offline accessibility were often more important than depth—insights that strongly influenced the app’s design direction.
Later in the process, I supported lightweight usability testing using prototypes built in Figma and Maze, collecting feedback on navigation logic, readability, and feature discoverability. This feedback loop helped refine interaction flows and reduce friction across key touchpoints.
In short, the design was continuously shaped by a mix of quantitative data and qualitative input—ensuring it addressed real-world user behavior, not just assumptions.
At the beginning of the project, I collaborated with the product team to review behavioral analytics from our web platform—identifying the most frequently used features and pain points users encountered when accessing Chartmetric from mobile devices. This helped shape the prioritization of core functionalities in the mobile version.
We also conducted user interviews with artists, managers, and digital marketing professionals across different regions to better understand their mobile usage patterns, contextual needs, and common frustrations with existing tools. These conversations revealed that speed, clarity, and offline accessibility were often more important than depth—insights that strongly influenced the app’s design direction.
Later in the process, I supported lightweight usability testing using prototypes built in Figma and Maze, collecting feedback on navigation logic, readability, and feature discoverability. This feedback loop helped refine interaction flows and reduce friction across key touchpoints.
In short, the design was continuously shaped by a mix of quantitative data and qualitative input—ensuring it addressed real-world user behavior, not just assumptions.
One of the key challenges was translating a data-rich, desktop-first platform into a mobile experience without losing depth or clarity. Unlike web dashboards, mobile interfaces demand sharper prioritization, minimal cognitive load, and fluid navigation—all while accommodating real-time data updates.
Early on, I had to carefully balance information density with readability. Too much detail would overwhelm users; too little would risk losing context. I addressed this by redesigning data groupings, introducing progressive disclosure patterns, and working closely with engineers to ensure performance wasn’t compromised.
Another challenge was maintaining design consistency across systems. Since the mobile app needed to feel like a natural extension of the Chartmetric brand, I worked within an evolving design system—often needing to adapt or expand components specifically for mobile use cases without fragmenting the overall experience.
Lastly, designing for a global, multilingual user base added complexity in terms of layout flexibility, text expansion, and accessibility. This required coordination with localization teams and extensive interface testing across screen sizes and languages.
Each of these challenges pushed me to think systemically—not just about visual design, but about experience flow, cross-functional alignment, and scalability. Overcoming them sharpened my ability to deliver thoughtful, user-centered solutions within real-world constraints.
Early on, I had to carefully balance information density with readability. Too much detail would overwhelm users; too little would risk losing context. I addressed this by redesigning data groupings, introducing progressive disclosure patterns, and working closely with engineers to ensure performance wasn’t compromised.
Another challenge was maintaining design consistency across systems. Since the mobile app needed to feel like a natural extension of the Chartmetric brand, I worked within an evolving design system—often needing to adapt or expand components specifically for mobile use cases without fragmenting the overall experience.
Lastly, designing for a global, multilingual user base added complexity in terms of layout flexibility, text expansion, and accessibility. This required coordination with localization teams and extensive interface testing across screen sizes and languages.
Each of these challenges pushed me to think systemically—not just about visual design, but about experience flow, cross-functional alignment, and scalability. Overcoming them sharpened my ability to deliver thoughtful, user-centered solutions within real-world constraints.
I decided to submit this project to an international design competition because I believed it represented a meaningful step forward in making data more accessible, human-centered, and relevant to creative professionals. As a designer, I’ve always been drawn to work that bridges function and emotion—and this app exemplified that balance.
What made this design feel award-worthy was not just its interface, but its impact. The app was already in active use by a global community of artists, managers, and industry teams, and I had received positive feedback about how it helped simplify their day-to-day decisions. That real-world validation gave me the confidence to share it on a broader stage.
I chose the A' Design Award specifically because of its focus on both innovation and usability, and its reputation for recognizing thoughtful, practical design across industries. Submitting was not about seeking personal recognition, but about contributing to a global conversation around how good design can make data more inclusive and empowering.
For me, it was also a way to reflect on the process, learn from other winning work, and connect with a wider creative community that values the intersection of technology, design, and purpose.
What made this design feel award-worthy was not just its interface, but its impact. The app was already in active use by a global community of artists, managers, and industry teams, and I had received positive feedback about how it helped simplify their day-to-day decisions. That real-world validation gave me the confidence to share it on a broader stage.
I chose the A' Design Award specifically because of its focus on both innovation and usability, and its reputation for recognizing thoughtful, practical design across industries. Submitting was not about seeking personal recognition, but about contributing to a global conversation around how good design can make data more inclusive and empowering.
For me, it was also a way to reflect on the process, learn from other winning work, and connect with a wider creative community that values the intersection of technology, design, and purpose.
This project pushed me to grow not just as a designer, but as a systems thinker and cross-functional collaborator.
One key area of growth was in designing for constraints—both technical and experiential. Translating a complex, data-intensive platform into a clean, responsive mobile experience required me to refine how I prioritize content, structure hierarchy, and communicate insights with visual economy. I learned how to let go of unnecessary detail in favor of clarity, and how to surface depth through thoughtful layering rather than density.
I also sharpened my ability to design with engineering in mind. Through close collaboration with developers, I deepened my understanding of how data is structured, how API performance affects mobile experience, and how to design components that remain stable under varying content loads.
Perhaps most importantly, this project reminded me that great design often comes from deep empathy—from listening to users, observing how they work, and adapting the product to their real-world contexts. It reinforced my belief that design isn’t just about aesthetics or structure—it’s about enabling people to do what matters most, with confidence and ease.
This experience has had a lasting impact on how I approach mobile design, product thinking, and team collaboration. It taught me to be both more precise and more adaptable.
One key area of growth was in designing for constraints—both technical and experiential. Translating a complex, data-intensive platform into a clean, responsive mobile experience required me to refine how I prioritize content, structure hierarchy, and communicate insights with visual economy. I learned how to let go of unnecessary detail in favor of clarity, and how to surface depth through thoughtful layering rather than density.
I also sharpened my ability to design with engineering in mind. Through close collaboration with developers, I deepened my understanding of how data is structured, how API performance affects mobile experience, and how to design components that remain stable under varying content loads.
Perhaps most importantly, this project reminded me that great design often comes from deep empathy—from listening to users, observing how they work, and adapting the product to their real-world contexts. It reinforced my belief that design isn’t just about aesthetics or structure—it’s about enabling people to do what matters most, with confidence and ease.
This experience has had a lasting impact on how I approach mobile design, product thinking, and team collaboration. It taught me to be both more precise and more adaptable.
What I’d like to emphasize is that this project wasn’t just about building an app—it was about shifting a mindset. In an industry where data can often feel cold or overwhelming, I saw an opportunity to design something that feels human—a tool that empowers creativity through clarity.
As a designer, I believe our role extends beyond visuals. It’s about identifying friction, translating complexity, and advocating for the user—even when that means challenging assumptions. This project allowed me to practice that belief at scale, contributing to a product that supports real people doing meaningful work.
Ultimately, this design reflects my broader mission: to create tools that don’t just function, but resonate.
As a designer, I believe our role extends beyond visuals. It’s about identifying friction, translating complexity, and advocating for the user—even when that means challenging assumptions. This project allowed me to practice that belief at scale, contributing to a product that supports real people doing meaningful work.
Ultimately, this design reflects my broader mission: to create tools that don’t just function, but resonate.
Grand Interview about Chartmetric Mobile Music Analytics App
Absolutely. The journey began with a question: how can we make Chartmetric’s deep, often overwhelming music analytics feel lightweight, fast, and usable—on a phone?Chartmetric is widely used by artists, labels, managers, and marketers who rely on a wide range of data: playlist placements, follower growth, streaming trends, social insights, and more. The desktop version is powerful, but for mobile, we knew we had to rethink everything from the ground up—not just shrink the experience, but redesign it for a completely different context of use.As the lead designer on the project, I focused on translating this data-heavy environment into a smooth, mobile-first experience. I worked closely with product and engineering to identify the core scenarios where people actually needed data on the go—during meetings, backstage, while traveling—and prioritized features accordingly: Smart Filters, Artist Search, Audience Stats, and Real-Time Trends became the core of our MVP.The UI system was rebuilt entirely in Figma, optimized for thumb-friendly access, fast browsing, and clarity under pressure. I introduced modular cards, adaptive layouts, and collapsible stats that allowed users to zoom in and out of detail as needed. Every chart and metric was redesigned to be instantly scannable. I also implemented a fresh visual system that brought in Chartmetric’s branding with darker, elegant tones and subtle gradients, elevating the experience while staying accessible and performance-friendly.We developed natively on both iOS and Android using SwiftUI and Jetpack Compose, which allowed us to iterate rapidly while maintaining a premium feel. Motion played a key role too—micro-interactions helped guide users through dense information without adding friction.We validated everything through testing with real users: music executives, agents, indie artists, even tour managers. Their feedback drove refinements in information hierarchy, loading states, and shortcuts. They wanted something that felt powerful but didn’t demand effort—and we delivered.Winning the Silver A’ Design Award was a meaningful moment. It recognized not just the final visuals, but the intentional, user-driven approach behind them. This wasn’t just a mobile app—it was a shift in how music professionals access and understand their data, wherever they are.
Our decision to prioritize interactive data visualizations stemmed from one core insight: in the music industry, timing is everything. Whether you’re a label exec reviewing an artist’s momentum before a pitch meeting, or a tour manager checking city-level engagement on the road, you need clarity—fast.Traditional data dashboards often assume you’re sitting at a desk with time to analyze. But on mobile, attention spans are short, network conditions vary, and users often check data between tasks. That inspired us to design visual elements that could instantly communicate change, without requiring interpretation.We focused on clean, responsive charts that show growth trends, playlist jumps, and audience changes at a glance. For example, sparkline graphs next to follower counts or a swipeable carousel of top-performing tracks allowed users to get the full picture in seconds. These visualizations weren’t just pretty—they were functional tools designed for pattern recognition and rapid scanning.The interactivity came from asking: what if users could act on insights right from the visualization? Tap to dive deeper, long-press to compare with a peer artist, or swipe to preview another platform’s data. We built these micro-interactions to remove friction and make exploration feel fluid, not heavy.From a design standpoint, we also knew that color, contrast, and motion needed to be thoughtful—this wasn’t just about aesthetics, but cognitive load. I chose a darker UI theme with vibrant accents to highlight actionable trends while reducing visual fatigue, especially during frequent daily use.Ultimately, these visual elements enhance decision-making by empowering users to spot what matters most, right when it happens. In a fast-paced industry where a viral moment can change everything overnight, our goal was to make sure users were never a step behind—no matter where they were.
User research was the foundation of this app—without it, we would’ve risked building a tool that looked nice but didn’t work in the real world of music professionals.We began with a series of interviews and usability tests across different segments: indie artists, label A&Rs, DSP editors, and even music educators. One pattern became immediately clear—users often checked data in short bursts, and what they needed wasn’t everything, but what’s changed. That insight drove the creation of the swipeable milestone cards.These cards surface significant events—like “added to a top playlist,” “follower spike,” or “crossed 1M streams”—and let users browse them with a single thumb swipe. It mirrors the way people naturally flip through stories or feeds, but each card is dense with context. I wanted to balance emotional impact ("your track is trending in Brazil") with strategic value ("consider retargeting this region"). The swipe pattern keeps it lightweight, while the content stays meaningful.The smart alerts system came from similar research. Many users were overwhelmed by data noise—they didn't want a daily report of 50 metrics, but they did want to know when something big happened. So we introduced tiered thresholds and contextual triggers: alerts only appear when there's a notable deviation or milestone, not just routine activity. The system also learns from user behavior over time, fine-tuning what “notable” means based on past interactions.We tested early versions of both features with artists on tour, marketers in campaign cycles, and executives in pitch meetings. Their feedback led to improvements like stacked card previews, customizable alert settings, and support for multiple languages and genres.By grounding our features in real workflows—not assumptions—we created a mobile experience that feels alive, responsive, and truly helpful. In a fast-moving industry, surfacing the right insight at the right time makes all the difference.
Integrating multiple data sources like Spotify, Apple Music, TikTok, and YouTube sounds straightforward—but in reality, each platform speaks a different “language,” updates on its own schedule, and defines success differently. Designing a unified, real-time mobile experience on top of that complexity was one of our biggest challenges.From a product and design perspective, one of the first issues we encountered was data latency. While Spotify updates certain stats hourly, TikTok might have a longer delay, and YouTube’s metrics fluctuate depending on content type. This inconsistency created friction in how we displayed timelines, comparisons, and trend summaries—if we weren’t careful, we risked showing users misleading or outdated insights.To solve this, we worked closely with our backend and data teams to implement a synchronization layer that flagged each data source with freshness metadata. In the app, I designed subtle visual cues (like timestamp badges and dimmed trend lines) to help users instantly know whether a stat was truly “real-time” or last updated hours ago. This built trust without overwhelming users with technical noise.Another challenge was standardizing metric definitions. For example, what counts as “engagement” on TikTok isn’t the same as it is on YouTube. I led the effort to unify terminology and reorganize dashboards by intent rather than by platform—for instance, grouping by “Audience Growth” or “Content Virality” rather than source. That decision made comparisons more intuitive and user actions more focused.We also needed to optimize for performance. Pulling and rendering cross-platform data in real time on mobile is taxing. I collaborated with engineering to design a staggered loading experience: users see high-priority data first (like follower spikes), while less urgent metrics load in the background. Motion and placeholder states help smooth over delays and keep the experience feeling fast and modern.Ultimately, the goal wasn’t just to show all the data—it was to show the right data, at the right time, in a way that felt consistent, reliable, and actionable. And that meant bridging technical realities with thoughtful UX every step of the way.
Balancing comprehensive analytics with the constraints of mobile interfaces was one of the most intellectually demanding aspects of designing the Chartmetric Mobile App. Our desktop platform is trusted by thousands of music professionals worldwide for its breadth of data—spanning playlist performance, social metrics, audience geography, market-level trends, and more. But bringing that level of complexity to mobile without overwhelming users required a deliberate and systems-level design approach.My first step was to deconstruct user goals by role and scenario: What does an A&R executive need in a meeting? What does a manager want to check before a campaign launch? What insights does an indie artist seek while on tour? By identifying the most time-sensitive, high-value interactions across user types, I was able to define a core analytics layer suitable for mobile consumption—without sacrificing strategic depth.I designed an adaptive card-based layout that surfaces key metrics upfront—followers, playlist adds, chart movements—with the ability to tap into deeper views as needed. This hierarchical structure allowed for a professional-grade experience while maintaining clarity and responsiveness on smaller screens. I also implemented modular dashboards that reorganize automatically based on content type and screen size, ensuring consistent usability across devices.The challenge was not just visual compression, but information prioritization and cognitive load management. I worked closely with our data and product teams to simplify language, reduce redundant metrics, and create visual cues—such as color-coded trend indicators and collapsible sections—to help users process data quickly and accurately.From a UX architecture standpoint, I introduced progressive disclosure techniques that enable power users to dive into layered insights, while allowing casual users to stop at headline metrics. This dual-mode interaction model was critical to maintaining our professional integrity without alienating users less familiar with data analysis.Furthermore, I collaborated with engineers to ensure that performance stayed smooth even with dynamic, multi-source datasets. By using native frameworks like SwiftUI and Jetpack Compose, and optimizing for asynchronous loading and offline caching, we preserved a premium, real-time feel that music professionals expect.In short, I treated mobile not as a limitation, but as an opportunity to distill complexity into clarity. The result is a tool that professionals can trust in high-pressure environments—without losing access to the depth that makes Chartmetric essential to their work.
When designing the push notification system for the Chartmetric Mobile App, we knew that value had to come before volume. Music professionals are constantly bombarded with notifications—from social media, DSPs, and internal communication channels—so anything we introduced had to be timely, relevant, and immediately actionable.Rather than sending generic updates, we focused on identifying event-based triggers that would carry strategic meaning depending on the user’s role. For example, an A&R executive might care about early-stage momentum (such as a track charting on a viral playlist), while a digital marketer may prioritize geographic spikes or follower surges that could inform targeting. While we did not implement full persona-based notification customization in the first release, the foundational logic was informed by real user workflows.To guide this prioritization, I participated in several rounds of qualitative user interviews during the early research phase—speaking with label reps, indie artists, and music marketing teams. We asked them directly: “What type of alert would make you take action immediately?” Their responses were clear. Notifications needed to highlight deviation from normal patterns—not routine metrics. That insight shaped our focus on alerts for playlist adds, sudden growth, chart debuts, or drops, rather than static updates.Working with product and data teams, we categorized our notification system around high-signal, low-noise events—milestones that could influence strategic decisions or reflect shifts in an artist’s trajectory. I then translated these events into a clear visual and content system, ensuring alerts were concise, branded, and easy to act on. Each notification directs users into a relevant view within the app, rather than simply surfacing raw data.Although deeper persona-based customization is still part of our longer-term roadmap, the initial system was purposefully designed to serve cross-functional roles by focusing on shared priorities: traction, timing, and turning points. In the fast-moving world of music, those are the alerts that truly matter.
One of the most unexpected insights that emerged during development was just how emotionally driven many decisions in the music industry still are—even among data-savvy professionals. We went into the project assuming that users primarily wanted precision, depth, and dashboards. And while that’s certainly true, we discovered that professionals often use data as a narrative tool, not just an analytical one.For example, an indie artist might not open the app looking to analyze audience retention curves—but they will check if they’ve crossed a milestone, like 10K followers or a playlist add from a tastemaker. Those moments carry emotional weight. Similarly, A&R reps use data not only to filter talent, but also to build stories they can pitch to their internal teams. That reframed how we thought about the product: not just a utility, but a source of validation, momentum, and storytelling.This insight directly influenced features like the swipeable milestone cards, which highlight meaningful events in a narrative format. It also shaped the tone of the copy, the visual hierarchy, and even the design of notifications—favoring clarity and confidence over technical jargon.Another unexpected finding was how often people used the app collaboratively, even though it’s technically a single-user experience. Managers would screenshot data to send to labels, marketers would airdrop visual charts during team meetings, and artists would share audience stats with potential collaborators. These behaviors highlighted the need for information that’s not just consumable—but shareable and persuasive.Finally, we saw that speed and certainty often trump comprehensiveness. Users were less interested in exploring every data point, and more focused on what’s changed, what’s urgent, and what’s actionable. That guided our design decisions around information prioritization, quick summaries, and push-based updates.In short, we entered the project thinking about analysts—and we ended up designing for storytellers, collaborators, and decision-makers under pressure. That shift in mindset was one of the most meaningful outcomes of the entire design process.
The design of the Chartmetric Mobile Music Analytics App was grounded in a broader, accelerating shift in how professionals interact with data: moving from static dashboards to dynamic, context-aware analytics—especially on mobile.In recent years, we’ve seen a clear trend toward “decision-oriented design”—visualizations are no longer just about presenting numbers clearly, but about guiding users to what matters most, in the least amount of time. That principle shaped our entire approach: instead of overwhelming users with dense graphs or spreadsheets, we focused on lightweight, modular components that surface trends, anomalies, and milestones with clarity and intent.The use of swipeable cards, smart filters, and condensed trend lines wasn’t just a UI choice—it was a response to how mobile users behave. They’re time-constrained, often distracted, and need insight at a glance. This aligns with the broader design evolution toward “progressive complexity”—starting with simple summaries that can expand into detailed views if needed, a pattern we fully adopted through collapsible stats, interactive graphs, and layered navigation.Another major trend we tapped into is the increasing importance of motion and micro-interactions in data tools. Motion isn’t just decorative—it communicates state changes, confirms actions, and makes transitions feel natural. We used animation deliberately to soften the transitions between views, reinforce hierarchy, and help users build mental models as they explore layered data.Importantly, we also recognized that mobile analytics tools must be emotionally intelligent—providing information in a way that respects cognitive load and encourages trust. This meant using clear language, accessible contrast, and a visual system that reflects professionalism and stability, not overwhelm.Ultimately, the app reflects a convergence of several trends: mobile-first thinking, minimalist UI for complex systems, and a growing expectation that even the most powerful data tools should feel intuitive. We didn’t just design a visualization layer—we designed an experience that helps users take action with confidence, which is where true accessibility lies.
As the music industry becomes increasingly global, digital, and data-driven, the expectations placed on mobile analytics tools will continue to rise. Looking ahead, I see several meaningful directions where the Chartmetric Mobile App—and mobile music analytics as a whole—can evolve to meet these shifting demands.First, there’s a growing need for hyper-personalized insights. As users grow more sophisticated, they don’t just want access to raw data—they want to know what it means for them. I envision future versions of the app offering AI-powered contextual recommendations, where data isn’t just displayed but interpreted. For example, if an artist is gaining unexpected traction in a new country, the app could suggest audience engagement strategies or timing for a targeted release. These insights would need to be lightweight, explainable, and action-ready, especially on mobile.Second, the increasing blending of social, video, and streaming platforms calls for better cross-platform narrative tools. Rather than viewing TikTok, Spotify, and YouTube separately, professionals need holistic timelines and fan behavior mapping across channels. Mobile apps can play a critical role in stitching these fragmented stories together in a visual, digestible way—perhaps through multi-source overlays or audience journey maps.Third, I believe in a future where collaboration is more deeply embedded into the mobile experience. Today, many users screenshot data and send it via chat. But what if teams could annotate a trendline, share a milestone card in-app, or create a lightweight report together—directly from mobile? As remote work continues and campaign cycles speed up, design can support real-time, on-the-go decision-making among distributed teams.Lastly, as the industry continues to confront issues around equity, localization, and representation, there’s opportunity for mobile analytics tools to surface non-obvious success—from emerging genres, underserved markets, or overlooked creators. Designing features that support discovery beyond the mainstream will be crucial in shaping a more inclusive music ecosystem.In short, I see the future of mobile music analytics not just as faster or smarter—but as more human-centered: tools that not only present data, but elevate the strategic and creative decisions behind the music itself.
My core advice is this: don’t start with the data—start with the decision. Designers working with complex analytics often feel the need to represent every metric, every filter, and every dimension. But mobile users rarely open an app just to explore; they open it because they want to understand something quickly or make a decision confidently. Your job as a designer is to shorten the distance between insight and action.One of the most valuable lessons I learned while designing the Chartmetric Mobile App is the power of constraints. Mobile devices force you to be intentional. Every pixel has to earn its place. That means deeply understanding why a metric matters in context, and how users interpret it when they’re in motion—often multitasking or under pressure.I also encourage designers to think in layers of clarity. Not everything needs to be visible upfront. Use progressive disclosure, collapsible sections, and microinteractions to create a flow that rewards exploration without demanding it. Let users get the top-line story immediately, with the option to dive deeper only when needed.Another principle I’d emphasize is designing for pattern recognition, not just presentation. When working with trendlines, comparisons, or timelines, your visuals should help users see change, not just numbers. Design charts that highlight movement, detect anomalies, and tell visual stories—this builds user confidence and speeds up comprehension.And finally, listen actively—not just to what users ask for, but to what they struggle with, repeat, or ignore. In our case, features like milestone cards and smart alerts didn’t emerge from a product wishlist—they came from observing real workflows and unmet needs across roles.In short: clarify, prioritize, and humanize. Your success isn’t measured by how much data you show—but by how many decisions you help someone make, confidently and fast.