View more
Published in
2025

Alta SyncReplay TV. Clinical precision.

Bohdan Kononets
Roman Danyliuk
Elena Buzila
Andrei Zolotukhin
Partnership
2+ years
Services
UX Design
UI Design
Design System
Deliverables
Deployed Web App
Figma Source Files

Alta SyncReplay is a clinical decision support platform for surgical use.

We designed it as a clinical replay and remote support platform, synchronising up to 8 live/recorded procedural feeds into one composite multi-screen interface with glanceable replay and comparison modes. Surgeons needed a usable interface during active surgery – a zero-attention environment – and the design now works across wall displays, workstations, laptops, and tablets in sterile settings.

Clinician Selection Before Session Start

Entry screen for surgical staff logging into the platform before a procedure. Filters by specialty, active shifts, and a dedicated Trauma Bypass option handle emergency cases without slowing routine logins.

Clinician profile grid with specialty filters and PIN login for surgical session access
PIN Verification for Clinician Access

Second authentication step confirming the selected clinician's identity before entering a session. A 4-digit PIN keeps profile switching fast without a full login form each time.

Numeric PIN pad confirming surgeon identity during OR session login
Surgery Schedule and OR Allocation

Daily list of scheduled procedures inside the clinical decision support platform, sorted by time, operating room, and case complexity. Filters split live, scheduled, and emergency sessions so staff find the right case fast.

Session schedule list showing surgeon, operating room, and procedure complexity for each case
Cross-Device Search for Surgical Schedules

Same schedule view on a tablet, using an on-screen keyboard for touch input in the OR. A partial patient name narrows results instantly, confirming the layout adapts to touch as well as desktop use.

Tablet view of session search with on-screen keyboard filtering patient schedule list
Empty State for Filtered Session Views

Guidance shown when a filter, like Emergency, returns no matching sessions. A clear message and a New Session shortcut prevent staff from mistaking an empty list for a system fault.

Empty schedule state with no sessions found message and new session button
Patient Directory for Session Setup

List of patients tied to upcoming procedures, searchable by name or ID before starting a clinic session. Each row shows appointment time, patient ID, and the planned procedure at a glance.

Patient list with appointment time, ID, and procedure type for clinic session setup
Patient Profile with Tabbed Clinical Data

Full clinical record for one patient, split into Summary, History & Meds, Labs & Imaging, and Team & Contacts tabs. Allergy warnings, current medications, and imaging results surface directly in the flow that supports surgical decisions.

Patient profile tabs showing medication history, allergies, lab results, and surgical team contacts
Session Setup for Multi-Screen Layouts

Form for configuring a new procedure: patient ID, surgeon, estimated duration, and pre-procedure notes. Layout options (1 to 2+4 screens) and per-channel toggles cap active feeds once a layout's limit is reached.

Create session form with patient details, surgeon assignment, and screen layout selection

Live OR Feed Before Recording Starts

Default single-camera view once a session starts, before recording begins. A persistent status bar tracks network, storage, and camera health so staff can confirm readiness at a glance.

Live operating room camera feed with recording controls and system status bar
Split-Screen Layouts for Multiple Feeds

Same session shown at three grid densities: 2, 2+2, and 2+4 screens, each built from the same design system components. Adding a layout pulls in more sources, room camera, echocardiography, fluoroscopy, and OCT, without leaving the live view.

Two-screen layout with live OR camera feed and transesophageal echocardiography imaging, recording not yet started
Four-panel 2+2 layout showing OR camera, echocardiography, fluoroscopy, and OCT feeds, none recording yet
2+4 layout with OR camera, echocardiography, two secondary feeds, a timer, and a room view
Pre-Recording State for Live Feeds

All four sources, camera, echocardiography, fluoroscopy, and OCT, are live but marked REC: OFF until the team chooses to capture. Separating live viewing from recording avoids accidental captures during setup.

Four live surgical video feeds with recording disabled before capture starts
Recording Indicator Across All Feeds

Once capture starts, every tile switches to REC: ON with a shared timer and per-feed bookmark icons. High-contrast red states make recording status readable at a glance, even from across the room.

Four-panel recording view with REC ON indicators and shared session timer
Clean Feed View for Wall Displays

Same four sources stripped of toolbar and dropdown controls, sized for an OR wall monitor rather than a workstation. Removing on-screen controls suits a display nobody touches mid-procedure, while feeds stay legible on tablets and laptops nearby.

Wall-mounted OR monitor showing four clean video feeds without interface controls
Time-Shifted Replay During Live Surgery
Playback timeline scrubber showing time-shifted review while a session records live

Camera Control Panel for OR Devices

Pan-tilt-zoom controls and presets for each connected device, room camera and fluoroscopy shown here, laid over the live feed grid. Staff can reposition a camera without leaving the recording view.

PTZ camera control panel with pan, tilt, zoom, and preset options for OR devices
Reusable States for Camera Errors

Presets, a rebooting countdown, and a 'camera not in use' overlay reuse the same states across every device panel. The same logic drives the live and recording indicators used throughout the platform.

Room camera control panel with pan-tilt-zoom, sensitivity slider, flipped view toggle, and reboot button
Fluoroscopy preset dropdown open over a "camera not in use" overlay with power icon
Room camera rebooting and fluoroscopy connecting states shown as collapsed device panels
Device Naming During First-Time Setup

Before first use, each hardware input is assigned a clinically meaningful name, like Transesophageal echocardiography, instead of a generic port label. Save & Continue locks that name in for every session afterward.

Device naming screen renaming a hardware input to a clinical device label
Bookmarked Events During Recording

Notes like a brief heart-rate drop or a successful stent placement sit in a Bookmarks panel with one-tap Replay.

Bookmarks panel listing timestamped clinical events with one-tap replay during recording
Bookmark Creation and Deletion States

Empty, creation, and delete states for the same bookmark panel shown earlier. A New Bookmark modal captures timestamp, source, and an optional note, while removing one requires a confirmed Delete step.

Empty bookmarks panel with "no bookmarks yet" message and add bookmark button
New bookmark modal with timestamp, source camera, and optional description field
Delete bookmark confirmation dialog with cancel and remove options
Remote Proctor Video and Chat Panel

A named remote proctor joins the live session over video, with call controls for drawing, erasing, and muting alongside a text chat thread. Typing indicators and timestamps keep both sides in sync mid-procedure.

Remote proctor video call with chat thread and drawing controls during live surgery
Proctor Invite and Voice Message Flow

Before a proctor joins, the surgical team shares a one-time invite link and waits for connection to confirm. Once live, chat also accepts voice notes, recorded with a running timer and a Cancel option.

Remote proctor invite link with copy button and waiting for connection status
Live remote proctor call with chat thread and typing indicator during surgery
Voice message recording in progress with timer and cancel option in proctor chat
Live Annotation Overlay on Surgical Feed

The remote proctor circles the operative site and labels it directly on the live feed, instead of describing the location in words. A 'Drawing...' status replaces the typing indicator while the mark is in progress.

Remote proctor's freehand annotation circling the surgical site on live video feed

Post-Op Case Report and Bookmark Log

Read-only record of a finished session: duration, recorded channels, and a full bookmark timeline with timestamps and notes. Participants list both the primary operator and the remote proctor who joined mid-procedure.

Post-op session report with recorded channels, bookmark timeline, and participant list
Bookmark-to-Timestamp Video Navigation

Clicking a bookmark from the case report, like Targeting & Approach at 25:10, jumps the recorded video straight to that moment. A dismissible banner confirms which event opened, with full scrub and playback controls below.

Case report bookmark jumping recorded video to a specific surgical timestamp

One Interface, Every Clinical Setting

The same interface runs on an OR wall screen mid-procedure, a tablet in gloved hands, a workstation beside anesthesia equipment, and a lecture-hall screen for teaching replay. One layout, no separate builds.

Wall-mounted OR screen displaying four recording surgical video feeds during live procedure
Gloved hands holding tablet showing live OR camera and echocardiography feeds
Workstation monitor showing patient labs and imaging beside anesthesia equipment in OR
Lecture hall screen replaying recorded surgery for an audience of medical students
Dual-monitor office desk showing patient profile and multi-feed surgical recording layout

Designing for environments where users cannot stop to look at the interface – clinical, industrial, high-pressure – is a specific discipline. We've worked in it. Tell us about your context.

Ready to start your own project?