🛋️ An Informational Screen for 21c Museum - St. Louis

Enhancing Navigation and Discovery

UX Design
Published March 05, 2025
Project Overview
As part of a collaborative team, I helped design a multi-floor interactive navigation system for the 21C Museum Hotel in St. Louis, addressing the challenge of guest wayfinding beyond the main lobby. The solution features strategically placed interactive screens on each floor that provide historical context alongside real-time amenity information. This system , successfully encourages exploration of the entire property for visitors who are unaware of the upstairs museum or feel overwhelmed by the open-ended nature of the experience and desire additional guidance.

Role: UX Designer
Context: Advanced Visual Principles of the Screen Course @WashU
Timeline: 4 weeks - Spring 2025
Team Members: Grace Ok, Minju Kim, Zoe Mercado
Skills
- Design Systems
- Unconventional Display Environments
- Video Documentation
- Wayfinding Design
- Interactive Display Design

Mockup of screen installation on the wall

What is 21c Museum Hotel?

Originally a YMCA building, 21c Museum Hotel was repurposed into an award-winning boutique hotel and contemporary art museum in downtown St. Louis.

The Problem

Guests and visitors at the 21C Museum Hotel in St. Louis were experiencing significant wayfinding challenges.

Despite the hotel's rich offerings —

  • a contemporary art museum
  • Idol Wolf restaurant
  • Locust Street Athletic and Swim Club
  • Good Press café, and more

—many visitors remained confined to the lobby area.

Minju pointing at imaginary screen  on the left with corresponding prototype interactions displayed on the right
Hotel lobby and museum views

Reframing & Opportunity

Through interviews with both guests and staff, we discovered a pattern of confusion:

"I was a little confused on where to go because there's so much... then I start to wonder if I'm able to walk around freely in the building,"
‍- Ray, a 22-year-old visitor.

This validated our core question:

21c Museum Hotel - How Might We

How Might We...

21c Museum Hotel St. Louis · Design Challenge

Create a navigation solution that encourages exploration beyond the main lobby while providing context about the hotel's unique art-centric experiences?

Solution Demo

Our design features an immersive staircase with interactive screens at each level displaying hotel history and available amenities. This guides guests beyond the lobby, encouraging exploration of the museum and facilities throughout the 21c Museum Hotel.

Target Users

hotel emoji
Hotel guests & employees
Theater emoji
Museum visitors
Eye Glass emoji
Hotel information seekers

Concept Validation - Speaking to Users

We validated our concept through four research methods:

visual model of the 4 concept validation methodsvisual models of takeaways from 6 interviews

Redesigning the User Journey

Our research methods revealed that our proposed interactive screen solution transformed the guest experience dramatically.

While the original journey showed significant dissatisfaction during exploration and stay phases, our new approach created consistently positive experiences across all journey touchpoints.

Visual model of content architecture from the homepage
Content Architecture
storyboard sketches of woman entering hotel and observing the orb, then the screen installation
continuation of storyboard 1 where she explores the rest of the museum

The Design Options We Explored

Wireframes

In answering our HMW question, we drafted wireframes and explored three approaches for our staircase-integrated screen system. Below are examples of the landing pages for each approach:

lo-fi architectural wireframe
Lo-fi wireframe for content-forward interface
Lo-fi wireframe for art-forward approach

We ultimately selected option A because usability tests revealed higher satisfaction with the map-centric approach for quick spatial orientation.

Design System

After many, many design system iterations, we decided on an architecture style design system that conveyed the historic, hospitable, and artistic values. The architectural integration aligns with the historical building context and brand identity. We emphasized these values through modern font, hotel imagery, and inverse bold and basic colors.

final color palette and typographic treatment
Style Guide
Visual design iterations (8 frames)
Our experimentation within the design system

User-Facing Data and Content

After a round of usability testing and revisions, our final design presents visitors with several key categories of information:

Main Flows

final frames for the navigation map and the home page for the screen

Spatial Orientation

The exhibition journey

Exhibition Information

about screens with the penguin character

About

Conclusion

The final interface successfully addresses the initial problem by creating clear pathways for discovery, providing contextual information at decision points on each floor, and using a consistent visual language that guides visitors throughout the entire building.

The benefits are distributed not only among guests who wished for more guidance, but also employees who wished for clearer signage and exhibition information.

hero render of the installation on one of the walls near the staircase
Hero rendering of the installation
Journey map from need to review/return

What it looks like when users venture beyond the lobby and navigate upstairs using our installation