View
More

Amazon Music

Timeline:
06/2022 - 08/2022
Tools:
Figma, Sketch

For this internship, I worked with the Video Immersive Experiences (VIX) team, defining how customers interacted with all video content across Amazon Music. This includes music videos, artist interviews, Twitch livestreams and much more.

My project focused on designing a new stories feature for the service, showcasing a variety of short form video content right on the home page.

Go to process
Context

The business goal of my project was to increase video engagement for our young adult (YA) fans. YA customers closely engage with short form content as evidenced by popular social media apps like TikTok and Instagram Reels.

From a product perspective, short form videos can also serve as an important stepping stone for future content types.

hmw
How might we create a flexible, short form video player for young adult customers to watch fast paced content, increasing video discoverability for the Amazon Music Platform?
solution

To solve for the pain point, I designed a stories player new to Amazon Music. Stories are short form videos, focused on creating a more immersive video experience by showcasing fresh and relevant content for customers. Content ranges from music video clips to interviews to exclusive Amazon Music originals.

Stories to Now Playing Screen
Stories on Home
Navigating between Stories
UI Design

Since stories were also meant to link to other part of the Amazon Music app, the UI of the player itself is simple and straightforward. With one primary button, users can explore artist profiles, playlists, music videos and much more.

Process

Competitive audit

I began my design process with a competitive analysis of how other apps present stories, looking at everything from Youtube Shorts to Instagram Reels and of course TikTok. From there, I was able to get a better sense of things like aspect ratios and layout.

user flow

Since Stories touched other features on the platform, I made user flows to map out how they would all connect with each other. This helped align different teams, especially when working with developers. I presented this user flow to the developers and engineers on my team, and received feedback on increasing ways to keep customer exploring video content.

Visual exploration

As I moved on to higher stages of fidelity, I explored different visual treatments for story thumbnails. I've shown only a small snippet of the 50 or so iterations I went through. The other major area of focus was ensuring flexibility with future jumping off points in the story player itself.

Feedback

After showing these iterations at different critique sessions, I honed in on card designs that used less visual elements like borders and gradients. One designer suggested that by simplifying the cards more, it would feel more integrated into the product as a whole instead of sticking out. With this piece of feedback in mind, I made more iterations that leveraged existing design system components.

INteraction refinement

Since this feature was a full screen experience, I also focused on fine tuning animations and interactivity. This was my first time diving into animation and I experimented with similar experiences on other apps to get a better sense of timing and transitions.

Questions:
  • What happens when users flip between stories? 
  • How do story thumbnails change as users watch more stories? 
  • Do stories autoloop after a user has watched all of them?
  • How do we incentivize organic discoverability?
  • How do we determine aspect ratio and cropping? 
  • How do we account for future features like linking, sharing, etc? 
Takeaways
  • Seek feedback always: 
    While it was intimidating at first, I learned to value opportunities where I had to openly present my work and receive feedback from the greater team. I often learned the most in these moments because they gave me a chance to see things from new perspectives.
  • Creativity within the design system: 
    I went into the internship with a strong foundation in visual design, but I also had to recognize certain guidelines set by the design system. Initially, I was hesitant to design outside that system, but I gradually learned how to find opportunities to do so. Whether that was unique animations or visual elements combined in new ways, there were always small ways to add my personal style into the greater product.
Thank you

I learned so much from this internship, and a large part of that was due to the amazing design team! My manager, Matthew Spagenberg, and my mentors, Ian Kemp and Christian Ong, made this experience extremely rewarding. Special thanks to my fellow interns Bhavya and Tien who made the entire internship that much better!

Back to top
Next project