A virtual office for hybrid teams that never lose the room

Swivel was a startup focused on improving communication for hybrid and remote teams. As distributed work became common, teams struggled with visibility, spontaneous interaction, and a sense of connection. The product recreated a virtual office environment where teams could see each other, communicate, and collaborate more naturally.

Client
Swivel
Designer
Stefan Savić
Category
Product Design, UX/UI Design
Role
Product, UX/UI Design · Startup · Hybrid & remote team collaboration
Isometric 3D illustration of the Swivel virtual office campus, showing two office buildings, a park, tennis courts, and a central tower
Swivel 3D floor view showing a single office floor with color-coded desk clusters representing team presence
Challenge

Most remote tools rely on scheduled communication.

Most remote tools rely on scheduled communication, leaving little room for spontaneous interaction. Teams needed a clearer way to see who was available, understand ongoing conversations, and connect without constant meetings or messaging.

Visibility

Teams couldn’t easily see who was around, in a meeting, or heads-down and focused.

Spontaneity

Every interaction required a deliberate scheduling step, killing the casual, drop-in conversations that happen naturally in a physical office.

Connection

Without shared physical space, teams lost the social context that keeps distributed work feeling human.

Before

Communication happened almost entirely through scheduled meetings and async messages — no ambient sense of who was around or what was happening.

After

A spatial virtual office where presence, availability, and ongoing conversations are visible at a glance, with lightweight personal context restoring the social dimension of a physical workplace.

Diagnosis

Designing for presence, not just messaging

As Product and UX/UI designer, the work centered on translating the social logic of a physical office — who’s around, who’s in a conversation, who’s heads-down — into a spatial digital interface that felt intuitive rather than gimmicky, while staying genuinely productive for daily work.

My role

Designed the virtual floor plan concept representing teams and workspaces. Structured spatial navigation and presence indicators.

Interaction design

Created interaction patterns for joining meetings and conversations, and profile elements allowing users to express personal context.

Integrations

Integrated external tools such as Zoom into the workspace flow, so the spatial layer stayed the entry point for real conversations.

Implementation

Spatial office visualization

A visual floor plan represents teams and workspace areas, letting users understand org structure and see where conversations are happening in real time — the same wayfinding logic that makes a physical office legible, translated to screen.

Implementation

Presence-based communication

Visible presence within the workspace lets team members see who’s in conversation, available, focused, or in an active room — restoring the awareness typical of physical offices, without anyone having to announce their status manually.

Implementation

Seamless meeting entry

Lightweight personal context — calendar availability, music preferences, personal images, shared files — helps rebuild the social dimension often lost in remote work, and makes joining a room feel like walking up to a desk rather than dialing into a call.

Presence & Personal Context

Seamless meeting entry

An active video call, live schedule widgets, and a personal profile card with shared photos — the lightweight context that makes joining a room feel like walking up to a desk.

Swivel presence dashboard showing an active video call, teammate schedule widgets, and a personal profile card with a shared photo
Spatial Navigation

Spatial office visualization

A floor-by-floor breakdown of the campus — people count, team assignments, and meeting-room availability at a glance, the same wayfinding logic as a physical office.

Swivel campus floor list showing headcount, teams, and meeting-room availability for each of four floors
Design System

Interaction patterns for a spatial product

The interface needed to feel intuitive and socially engaging while still productive — three decisions carried most of that weight.

01 · Spatial office visualization

A visual floor plan represents teams and workspace areas, letting users see where conversations are happening in real time.

02 · Presence-based communication

Visible presence lets team members see who’s in conversation, available, focused, or in an active room.

03 · Seamless meeting entry

Lightweight personal context (calendar, music, images, files) rebuilds the social dimension often lost in remote work.

04 · External integrations

Zoom and other conferencing tools plug directly into the spatial workspace flow, so the office layer stays the single entry point.

Outcomes

A new approach to remote collaboration

Spatial visualization

Combining spatial visualization with everyday collaboration tools gave teams a genuine sense of place.

Presence awareness

Presence awareness let teams navigate conversations more organically, without over-scheduling.

Social reconnection

Integrated communication tools helped distributed teams reconnect socially, not just operationally.

Next Project
MinFirmahytte