UX Process
Competitor Analysis
Content Organization & Wireframing
User Tests
UI Design
UI Benchmark
Visual Design
Design System Setup
Competitor Analysis
We used the most downloaded and highest-rated apps in the category as an objective reference, highlighting the strengths and weaknesses of various adopted solutions.
Content & Wireframing
After sharing the design goals with the brand, we structured the app's sitemap, organizing the main content into macro-sections: Podcasts, Radio, Music Mix. From there, we developed a streamlined and consistent customer journey in all navigation phases. Once the best solutions were identified and tested, the actual production phase began with wireframes and page layouts.
User Tests
To validate our proposals, we made a series of usability tests with different individuals. An essential activity, both for identifying the most appreciated features and for generating new ideas to improve the UX.
Benchmark
In this phase, the comparative analysis of market players was a useful source of inspiration to find an original and captivating visual identity.
Visual design
By prioritising simplicity and clarity, we designed an interface where the key actions required by the app were unequivocal, respecting the balance and hierarchy among elements. The choice of colors, fonts, and images was crucial in ensuring an agile and distinctive navigation.
Design System
In the end, we collected the entire Design System* of our proposal into a document: design principles and goals, functional patterns, style guidelines, and best practices. Everything that allowed our app to achieve its purpose in terms of aesthetic and functionality.
*The set of rules and guidelines that constitute a kind of "user manual" for the project.