Framed*

Designing the app that turns a wall display into a living art device.

Framed* is a connected display that streams digital art onto your wall. As the first and only designer, I shaped the app and brand that let people pair a device, discover and share art, and send it to the wall in a couple of taps.

A personal art profile connects discovery, collected work, and the display.

Problem

One app had to hold art appreciation, device control, and buying without feeling like three separate tools.

Framed* users manage a physical display, browse and follow art, and can purchase work. Each task carries a different expectation: setup should be direct, discovery should feel inviting, and sending art to the wall should feel effortless. The design job was to make a device, a social feed, and a store read as a single product.

Constraints

  • The display was limited to Wi-Fi connectivity, so pairing had to be reliable and reassuring without a physical tether.
  • An art-forward brand had to coexist with utilitarian setup, brightness, and scheduling controls.
  • A small team meant practical iteration rather than a formal research or analytics program.
  • As the only designer, I owned both the product UI and the Framed* visual brand across app and website.

My Role

I was the first and only designer at Framed*, splitting my time between UI design and visual design for the brand. I owned the app end to end, from information architecture and flows to high-fidelity screens, and iterated with the team on sharing, device management, and art discovery.

Process

I mapped the whole product as one flow before designing screens.

Structuring explore, device, and user paths together surfaced the hard parts early: pairing a Wi-Fi device, deciding when a feed is public or private, and making "send to device" reachable from anywhere a user meets art.

Framed* app flowchart mapping Explore, Device, and User tab paths, including Wi-Fi pairing and public or private feeds that send to the device.
App flowchart: explore, device pairing, and feed-to-device paths

Device Control

Turning a wall device into something you control from your hand.

Pairing had to work with no camera and no Bluetooth, only a Wi-Fi connection. I specced the device screen and the app screen as two parallel tracks, so every step in the app had a matching state on the wall. Step through the sequence below, and the branches where it fails.

The wall display shows waiting to pair.
Framed* display, on the wall
The app searches for the device.
iPhone app

Pairing Walkthrough

Failure Branches

Wi-Fi pairing spec for Framed*: the display's screen states run along the top track, the matching mobile app screens run beneath, and failure cases for Wi-Fi off, device off, and device not found branch below.
The full spec the walkthrough is cut from: device track above, app track beneath, failure cases below

Once paired, the app acts as the display's remote: a live preview of what is playing, and a control panel for brightness, scheduling, and settings. I kept the artwork front and center and pushed the utilitarian controls into a calm, secondary layer.

Framed* live preview screen showing the artwork currently playing on the device with playback controls.
Live preview of the wall
Framed* device control panel with brightness slider, edit settings, edit schedule, and delete options.
Control panel: brightness, schedule

Feed and Discovery

Discover art, build a feed, and send it to the wall in a couple of taps.

The Feed lets people discover and share media from across the web, follow like-minded users, and curate collections. From almost anywhere in the app, a piece can be framed and sent straight to the device, so the distance between finding art and living with it stays short.

Framed* Discover feed browsing artworks with feed, editions, and latest tabs.
Discover
Framed* create-a-new-feed screen with public or private options.
Create a feed
Framed* framing editor for adjusting an artwork before sending it to the device.
Frame the artwork
Framed* send-feed screen sending an artwork to specific devices in two taps.
Send to device

Key Decisions

Separate setup from discovery.

Device management needed functional clarity, while art browsing needed space and a calmer rhythm. Keeping them distinct let each feel right.

Design pairing around the Wi-Fi constraint.

With no physical tether, I made pairing a guided, legible flow so connecting a device felt reliable rather than fragile.

Keep the art the hero.

Visual restraint protected the art-forward brand, while interaction detail carried the product utility underneath it.

Make sending art a two-tap move.

"Send to device" was reachable from feeds, profiles, and albums, shortening the path from finding a piece to seeing it on the wall.

Outcome

The shipped product brought the app, website, device controls, and marketplace into one connected Framed* experience. Users could pair the display over Wi-Fi, discover art, and send it to the wall from the same app. The team did not use product analytics to measure this work, so I present it as shipped scope rather than a measured engagement result.

Reflection

Connected products need two kinds of clarity at once: what the user is doing on screen, and what that action changes in the physical world. Designing for both is what made Framed* feel like one product instead of an app bolted onto a device.

Next Case Study

Designing ownership people can understand on the blockchain.

UI/UX for blockchain digital-property tools and Bitmark Health, turning issuance, transfer, and consent into flows people could trust.