AtmosFX Media Player

Designed a unified AtmosFX media-player and content-delivery ecosystem for setup, authorization, playlist control, display configuration, how-to guidance, and in-app content management.

  • RoleSenior UX Designer
  • Timeline2016-2018
  • ScopeMedia Player UX / Content Delivery / Platform IA
  • Media Player UX
  • Content Delivery
  • Platform IA
  • Prototype
  • Final UI
AtmosFX Media Player hero background showing the product atmosphere and device experience.

Overview

Brief

Customers relied on fragmented DVD, laptop, and device workflows to play digital decorations.

Role
Senior UX Designer
Constraint
Needed to support first-time setup, network connection, AtmosFX ID login, device authorization, display configuration, and library control without adding friction.
Outcome
Delivered UX direction across media-player setup, MDP workflows, playlist management, how-to guidance, and final playback UI.

Project context

my role

Senior UX Designer

client

AtmosFX

team

  • Cross-functional UX
  • product
  • and engineering collaboration

tools used

  • Photoshop
  • Axure RP
  • Sketch
  • Zeplin
  • Microsoft Office
  • Microsoft Visio

platform

Cross-platform product experience

FEATURED EVIDENCE

Highlights

A quick scan of the moments that best explain the problem, the pivot, and the payoff.

Why it mattered

Story

Hypothesis

If playback, account authorization, display setup, playlists, and content delivery were designed as one coherent system, customers would understand the platform faster and trust it sooner.

Insights

Research and competitive landscaping around Netflix, Amazon Prime Video, Spotify, and iTunes exposed the need for a simpler path from first power-on to playback, library management, and in-app purchase.

CASE STORY

Flows

Each lane isolates the clearest evidence so reviewers can scan the work in order.

01

Research · Inputs, audits, discovery

Media Player research

3 frames

02

Insights · Patterns worth acting on

TV and device constraints

4 frames

03

Exploration · Options and solution paths

Entry to supported playback

3 shown · +4 more

04

Design · Finalized UI and specs

Setup, playback, and object experience

3 shown · +4 more

05

Validation · Testing and refinement

Product creation and configuration

4 frames

06

Outcome · What changed

Packaging and delivery relationship

4 frames

CASE EVIDENCE

Deliverables

RESEARCH

Media Player research

3 assets flow

INSIGHTS

TV and device constraints

4 assets flow

EXPLORATION

Entry to supported playback

8 assets flow

DESIGN

Setup, playback, and object experience

8 assets flow

VALIDATION

Product creation and configuration

4 assets flow

OUTCOME

Packaging and delivery relationship

4 assets flow

How it moved

Decision points

  1. Direction Chosen path and rationale

    The solution aligned setup choreography, AtmosFX ID authorization, device naming, display presets, playlist control, how-to guidance, and content-management IA across player and MDP surfaces.

  2. Validation Testing and refinement

    Executive reviews, prototype iteration, and implementation handoff focused on onboarding clarity, account-link completion, display setup, and media-control confidence.

  3. Engineering Handoff, specs, implementation

    Deliverables included research synthesis, early wireframes, setup flows, TV/player UI, MDP architecture, React Native handoff patterns, and final Sketch/Zeplin screens.

Resulting shift

What changed

  1. artifact frames 121
  2. archive phases 4
  3. grouped sets 4
  • Unified onboarding, network setup, login, and device authorization into a clearer setup path.
  • Clarified purchased library, playlist, output-device, and display-preset behaviors.
  • Added how-to and guided-tour surfaces for customers learning physical decoration setups.
  • Created implementation-ready artifacts spanning exploration, MDP architecture, and final UI.

Tools

Tools used on project

The working set used to research, prototype, align, and ship this case.

  • Photoshop
  • Axure RP
  • Sketch
  • Zeplin
  • Microsoft Office
  • Microsoft Visio

See it in Action

A quick walkthrough of the decision path, interface behavior, and delivery proof behind AtmosFX Media Player.

Captions and speed controls remain available in-player for fast review.

Worked with the following clients