Collections — off path curated learning content
Fender Play introduced a new feature known as "Collections," which aims to enhance the user experience by leveraging existing content and providing additional learning opportunities. This feature enables users to explore collections organized by theme.
The objective is to provide users with more learning opportunities and allow them to learn at their own pace— thereby increasing user retention and engagement on the site.
WHAT
UI/UX Design
Art Direction
Concepting
User testing
Prototyping
PLATFORM
Web
iOS
Android
TIME
3 months
2020
PROCESS & TESTING
The central team collaborated to carry out the design process, including user flows, wireframing, and core objectives. Once we agreed on a foundation, we were ready to conduct comprehensive research on the collection feature. We invited users from the Fender Play community to test the new Collections feature and provide real-time feedback. The majority of users expressed enthusiasm for the feature, which bolstered our confidence in its effectiveness.
This was the first time the whole Play team worked collaboratively on a test plan and brought users in-house. It was an incredible experience to be part of and paved the way towards using data & research to enhance and inform our designs.
ART DIRECTION & IMAGERY
As I conducted research, I simultaneously worked on exploring various ways to visualize collections imagery. It was the first big initiative to bring color and playful images to Fender Play. I experimented with themed image categories that integrated the latest music graphic trends while referencing the vintage and classic Fender brand. Each image was purposefully designed to be easily edited and converted into templates for creating many images.
The Experience
The introduction of an MVP version of Collections marked the inception of a transformation for Fender Play. It served as a tool utilized across various entry points such as CRM, .com features, social media posts, and for users looking to discover new content within the platform.
Collections View
Users can discover off-path content and explore different collections.
Collection Detail View
When a user clicks into a collection, they’re directed to a new screen with an overview of what the collection entails and a list of courses.
