Aldin Andelija

Case study · Pixelshift

Running hundreds of screens from one calm dashboard

Pixelshift is a digital signage platform. Teams upload media, build playlists, schedule them and push them to screens in stores, lobbies and offices, without calling IT.

Pixelshift · hero920 × 560

The challenge

Signage teams juggle four separate jobs: managing content, building playlists, deciding when they play, and keeping physical screens online. In most tools these live in different places, so a single campaign means hopping between screens and losing context.

My approach

I built the product around one chain: Media, then Playlist, then Schedule, then Device. Every flow hands off to the next one, so a user can go from upload to a live screen without leaving the path.

  • Long setups are stepped wizards with a summary at the end, so nothing gets lost halfway
  • Every list has an empty state that tells you the next action
  • Nothing goes live silently: a review step lists every pending change before publishing
  • Destructive actions (exit setup, replace item) always confirm in context

Key features

The parts of the product people touch every day.

Feature 01

Dashboard

The first screen answers one question: is everything playing? Online and offline counts, a device overview chart, the latest captured screenshots from real screens and the upcoming schedules.

Pixelshift · Dashboard920 × 540

Feature 02

Media library

Grid and list views, folders, and an upload flow designed for every stage: asking, files chosen, uploading with progress, uploaded.

Pixelshift · Media library920 × 540

Feature 03

Playlist builder

Create a playlist in four steps. Drag media in from the library, drop between items, replace or reorder, then assign it to devices or groups.

  • Drag, drop in between, replace and move states all designed
  • Collapsed media view for long playlists
  • Edit mode reuses the same layout, so there is nothing new to learn
Pixelshift · Playlist builder920 × 540

Feature 04

Scheduling

A calendar of what plays where, plus a date and time step with quick presets (today, tomorrow, weekdays), repeat rules and the device timezone shown up front.

Pixelshift · Scheduling920 × 540

Feature 05

Devices and sync groups

Each screen has a detail page with general info, schedule, history and network tabs. Users can request a live screenshot to check what a screen is really showing, and group screens that must play in sync.

Pixelshift · Devices and sync groups920 × 540

Feature 06

Review, publish and search

Changes are staged, then reviewed in one list before they reach live screens. Global search jumps straight to any playlist, media item or device.

Pixelshift · Review, publish and search920 × 540

Feature 07

Workspace admin

Members and roles, usage, API keys and a filterable audit log of who changed what.

Pixelshift · Workspace admin920 × 540

Scope

Flows
  • Home & dashboard
  • Media
  • Playlists
  • Schedule
  • Sync groups
  • Devices & groups
More flows
  • Workspace settings
  • Admin overview
  • Profile settings
  • Search
  • Publish
  • Onboarding
Deliverables
  • User flows
  • High fidelity UI
  • Empty, loading and error states
  • Modals and confirmations
  • Interactive prototype

Get in touch

Open to remote design roles

Email is the fastest way to reach me. You can also download my CV, find me on LinkedIn, or call +387 61 738 931.

Aldin Andelija · Design Engineer · SarajevoLinkedIn · CV · Email