Smule Social Music Network
Redesigning the responsive web experience for a global karaoke community platform with millions of users sharing musical performances.
The Challenge
Creating a Seamless Social Experience for Music Creators
Smule needed to redesign their web platform to better serve their global community of music lovers who create, share, and discover vocal performances.
The existing experience lacked the social engagement features that made the mobile app successful, and the desktop interface didn't properly showcase the rich content users were creating.
- •Limited social interaction on web platform
- •Poor content discovery and navigation
- •Inconsistent responsive behavior across devices
My Role
Product & Content Designer
As part of the design team, I led the responsive web interface redesign, focusing on creating a cohesive social experience that bridged desktop and mobile interactions.
Immersive Desktop Player Experience
A full-featured player that puts performances center stage with integrated social features
Visual Album Art
Large, prominent album artwork with play controls creates an engaging listening experience
Real-time Comments
Threaded comment system encourages community engagement and performer feedback
Social Stats
Visible likes, plays, and shares drive discovery and community recognition
Mobile-First Song Discovery
Optimized mobile experience for browsing songs, viewing lyrics, and discovering top recordings
Performance Feed
Browse duets and collaborations with engagement metrics
User Profiles
Showcase recordings, followers, and personal favorites
Search & Discovery
Find songs, artists, and community members easily
Collapsible Lyrics
Easy access to full song lyrics with smooth expand/collapse interactions for better content browsing on small screens
Top Recordings List
Curated list of popular recordings helps users discover trending performances and talented community members
Cohesive Design System
Comprehensive visual language ensuring consistency across all touchpoints
Impact & Results
The redesigned platform strengthened community engagement and improved content discovery
Key Learnings
Mobile-first thinking drives better desktop experiences: Designing for constraints led to cleaner, more focused interactions across all screen sizes
Social features are core, not additive: Integrating social interactions directly into the player experience rather than as separate features increased engagement
Content discovery shapes community: Better navigation and top recordings features helped surface quality content and reward creators
Explore More Work
See how I've helped other companies drive growth through strategic product and content design
Let's grow together
I'm always open to discussing product design work, partnership opportunities, or just grabbing a virtual coffee to talk shop.
E-mail andi@andixd.com