Beats-Logo

Case Study

Media Carousel

✏️

Requirements

Design a consumer-facing website component that supports rich media content

📈

Business Goals

  • Enhance user experience
  • Improve product education
  • Increase conversion rates

👨‍💻

My Role

  • Product Designer
  • Interaction Designer
  • UX/UI Designer
  • Web Developer

📦

Deliverables

  • User Stories
  • Wireframes
  • Prototypes
  • Visual Assets
  • Codebase

✏️

Design a consumer-facing website component that supports rich media content

📈

Business Goals

  • Enhance user experience
  • Improve product education
  • Increase conversion rates

👨‍💻

My Role

  • Product Designer
  • Interaction Designer
  • UX/UI Designer
  • Web Developer

📦

Deliverables

  • User Stories
  • Wireframes
  • Prototypes
  • Visual Assets
  • Codebase

Research + Design

Development

Engineering

Business

Design + Research

Development

Engineering

Business

Overview

The media carousel: A versatile component supporting a wide variety of motion and still graphics across the BBD site. An all-in-one, rich media component designed to enhance the online consumer experience and drive engagement by delivering high-performing, product education videos and buzzy content in an impactful, economical format. A responsive and fully integrated component that can be tracked and measured throughout its lifecycle.

My role: Lead designer, heading up end-to-end design and development. I conducted user and market research, produced wireframes, mockups and prototypes. I supervised product development, produced design documents and contributed to the codebase.

The final product met business goals, blended well with the design system and integrated seamlessly into the authoring environment with a positive impact on operational efficiency.