Viewstats
Viewstats
By MrBeast
By MrBeast
Leading Design for ViewStats’ First iOS Experience
Leading Design for ViewStats’ First iOS Experience
This case study contains limited visuals due to an NDA.
This case study contains limited visuals due to an NDA.
What is Viewstats?
What is Viewstats?
Viewstats is an analytical web application that provides YouTube creators with insights that guide them to make data-driven decisions to grow their channels.
Viewstats is an analytical web application that provides YouTube creators with insights that guide them to make data-driven decisions to grow their channels.
The challenge
The challenge
The platform started as a data-heavy desktop product, but as more creators asked for on-the-go access, the company decided to invest in a native mobile experience.
The challenge wasn’t just to shrink the desktop site, it was to rethink how creators check stats between posts, compare channels in seconds, and explore trends while on the move.
The platform started as a data-heavy desktop product, but as more creators asked for on-the-go access, the company decided to invest in a native mobile experience.
The challenge wasn’t just to shrink the desktop site, it was to rethink how creators check stats between posts, compare channels in seconds, and explore trends while on the move.
My role
My role
UX Design Lead & Manager
UX Design Lead & Manager
Research + Direction
Research + Direction
Looking for Inspo
Looking for Inspo
Because the mobile YouTube analytics space is relatively underserved, I encouraged the team to explore inspiration from financial apps like Robinhood and Public.
These tools deal with complex, dense information in small formats, using cards, visual summaries, and progressive disclosure.
Key insights:
Use visual hierarchy to prioritize digestible insights
Enable scroll-first, tap-later interactions
Reduce dependency on dropdowns and modals
Because the mobile YouTube analytics space is relatively underserved, I encouraged the team to explore inspiration from financial apps like Robinhood and Public.
These tools deal with complex, dense information in small formats, using cards, visual summaries, and progressive disclosure.
Key insights:
Use visual hierarchy to prioritize digestible insights
Enable scroll-first, tap-later interactions
Reduce dependency on dropdowns and modals
Public app screenshot
Public app screenshot
Approach + Design Process
Approach + Design Process
Build the Foundation First
Build the Foundation First
I prioritized lower-complexity screens to establish our mobile system:
Home (search + discovery)
Top Lists
Favorites
My Profile
This allowed the team to quickly define:
Visual patterns
Layout rules
Color tokens and more.
I prioritized lower-complexity screens to establish our mobile system:
Home (search + discovery)
Top Lists
Favorites
My Profile
This allowed the team to quickly define:
Visual patterns
Layout rules
Color tokens and more.
Home tab
Home tab
Top Lists tab
Top Lists tab
Favorites tab
Favorites tab
Profile tab
Profile tab
Complex Flows + Deep Data
Complex Flows + Deep Data
With the foundation set, we moved to more complex interactions:
Channel Overview (tabs for videos, similar channels, about, etc.)
Video Detail pages (views, engagement, A/B tests, title changes, etc.)
We used scrollable cards and lightweight tabs to help users consume more information without feeling overwhelmed.
With the foundation set, we moved to more complex interactions:
Channel Overview (tabs for videos, similar channels, about, etc.)
Video Detail pages (views, engagement, A/B tests, title changes, etc.)
We used scrollable cards and lightweight tabs to help users consume more information without feeling overwhelmed.
Channel Overview
Channel Overview
Channel Overview (scroll)
Channel Overview (scroll)
Video Details
Video Details
Change Gallery
Change Gallery
My Addition: Current Top Lists
My Addition: Current Top Lists
I proposed and designed a new module for the Channel Overview page, "Current Top Lists."
This feature in the desktop version and was developed specifically to enhance discovery and add contextual relevance within the mobile app.
This helped reinforce a creator’s relevance without requiring a separate search.
I proposed and designed a new module for the Channel Overview page, "Current Top Lists."
This feature in the desktop version and was developed specifically to enhance discovery and add contextual relevance within the mobile app.
This helped reinforce a creator’s relevance without requiring a separate search.
Channel Overview (scrolled)
Channel Overview (scrolled)
"Most Views Gained" Top List
"Most Views Gained" Top List
Collaboration + Leadership
Collaboration + Leadership
Mentorship + Guidance
Mentorship + Guidance
Led daily design critiques and feedback sessions with 2 designers, helping them grow in clarity, consistency, and user-centered thinking.
Led daily design critiques and feedback sessions with 2 designers, helping them grow in clarity, consistency, and user-centered thinking.
Collaboration
Collaboration
Owned all design-to-engineering collaboration, from spec documentation to QA reviews.
Owned all design-to-engineering collaboration, from spec documentation to QA reviews.
Product Planning
Product Planning
Defined priorities weekly with the PM, balancing feature feasibility with user value.
Defined priorities weekly with the PM, balancing feature feasibility with user value.
Platform Partnership
Platform Partnership
Worked closely with iOS developers to ensure adherence to Apple Human Interface Guidelines and to address platform-specific design challenges.
Worked closely with iOS developers to ensure adherence to Apple Human Interface Guidelines and to address platform-specific design challenges.
Outcome
Outcome
From Figma to the App Store
Although I wasn’t with the team during post-launch measurement this was not a handoff-only project.
I led the product and design process from early wireframe decisions through to the final iOS build, ensuring that the visual and functional goals aligned across teams.
My work involved:
Crafting key flows and patterns for mobile-first usage
Directing internal design reviews and iteration cycles
Partnering closely with engineering for implementation
Although I wasn’t with the team during post-launch measurement this was not a handoff-only project.
I led the product and design process from early wireframe decisions through to the final iOS build, ensuring that the visual and functional goals aligned across teams.
My work involved:
Crafting key flows and patterns for mobile-first usage
Directing internal design reviews and iteration cycles
Partnering closely with engineering for implementation
Viewstats Live in the App Store
Viewstats Live in the App Store
Reflection
Reflection
This project challenged me to balance leadership with hands-on execution. It sharpened my product thinking around mobile-first data visualization and helped me grow into a stronger communicator and collaborator across disciplines.
Most of all, it reinforced that great mobile design isn’t about compression. It’s about clarity, hierarchy, and timing.
This project challenged me to balance leadership with hands-on execution. It sharpened my product thinking around mobile-first data visualization and helped me grow into a stronger communicator and collaborator across disciplines.
Most of all, it reinforced that great mobile design isn’t about compression. It’s about clarity, hierarchy, and timing.
Click to copy:
Click to copy:
myricklawson.a@gmail.com
myricklawson.a@gmail.com
LET'S WORK
LET'S WORK
Connect with me
Connect with me