Overview
Sprout Social is an all-in-one social media management platform that helps businesses understand and engage their audiences—wherever they work. While the web app was the primary touchpoint for most customers, growing demand for on-the-go functionality highlighted the need to expand capabilities on mobile. With Sprout’s native mobile apps still in their early stages, I joined the team to systemize the mobile apps and overhaul the native mobile experience, empowering customers to manage social media more effectively, anytime and anywhere.
My role
Led end-to-end design from discovery, information architecture, concepting, design, testing, to implementation support. I also created the mobile design system.
Collaborators
Cross-functional partnership between Product, Design, Engineering.
Timeline
6 months
2019 launch
Impact
The navigation-centered redesign of Sprout’s iOS and Android apps significantly improved the mobile experience and enhanced users’ on-the-go productivity. In addition to conducting qualitative research to understand how the updates influenced social media managers' daily workflows, we also tracked key metrics to measure productivity.
+34%
+16%
+85%
+40%
Let’s take a closer look
Problem
Unintuitive navigation was the biggest barrier to productivity. For a long time, the mobile team was decentralized, and design and development were distributed across various web squads. Over time, the apps outgrew their original architecture, becoming increasingly buggy and fragmented. Even though the problem space was somewhat well-defined, we lacked understanding of our mobile user behaviors and motivations to know how to best serve them.
Approach
Contextual Inquiry
Usability Testing
I initiated the discovery phase with user research, interviewing Sprout mobile users and non-Sprout social media managers about their daily routines to gather insights into their workflows and the role of their devices played. I synthesized the mobile user behaviors to complete our understanding of the existing Sprout user archetypes, which helped to inform our redesign approach.
Business Owners
Social Professionals
Collaborators
Customer Support
Take it apart
Information architecture
Card sorting
This project focused heavily on information architecture, requiring us to deeply understand the content and collaborate with end-users to reorganize it in a way that ensures long-term sustainability.
Co-create organizational concepts
Discovery workshops
Drawing on insights from mobile behaviors in user research, card-sorting, and baseline usability studies, I led a series of cross-functional workshops including Sprout super-users to explore and evaluate different content organization concepts. A key question we tackled was whether to mirror the web app’s structure or reimagine it to better align with mobile-specific workflows.
Translate content hierarchy to design components
Wireframes
System UI design
Working within the self-imposed constraint of adhering to native mobile patterns, I designed the navigation components to systematically align with the new information architecture.
Focus on mobile-heavy workflows, design, test, iteration
Interaction design
Usability testing
We were fortunate to have in-house social media managers using Sprout Mobile to manage Sprout's own social presence. When time was tight, they became my most valuable test subjects, helping bring concepts to life. I prioritize rapid iteration, testing ideas early by putting low-fidelity visuals in front of users to accelerate the design process.
Solution
Leverage native patterns - to optimize performance, leverage familiar mobile affordances, and ensure efficient build times, we aimed to use as many native design patterns from Apple and Material as possible while maintaining consistency with Sprout’s design systems
Intuitive navigation system - we made a significant investment in Information Architecture, bringing much-needed structure to dense content sections. This improved the app's navigation, making it more intuitive, flexible, and reliable. We created more nested structure for the filter groups in content-heavy app areas to help users better navigate and be informed of the content in view.

Extended mobile affordances - social media management is a 24/7 job, and leveraging native mobile affordances to create intuitive shortcuts empowered users to stay productive, even outside the office.
Mobile design system - this project marked the beginning of the official mobile design system. By documenting patterns and system guidelines, we provided a foundation that enabled mobile contributors on the product development team to maintain and scale the mobile apps more sustainably.

Product Strategist
Researcher
Designer