Guggenheim Museum Website Design

Interactive Web UI Design for Museum

Project Overview

This project reimagines the New York Guggenheim Museum experience through an engaging, interactive website. Users can explore the museum's iconic floor-by-floor layout and journey through art history with a dynamic interface. The main page features 3D interactive elements that respond to mouse movements, creating an immersive and visually captivating experience. The design combines intuitive navigation with rich, interactive features to make art exploration accessible and engaging for all.

ROLE & DURATION

UI Designer
Visual Research, UI Design, Concept Development, Prototyping

September - October 2023

TOOLS

Figma, Framer, Adobe Premiere Pro and Spline

Project Objectives

ㆍCreate an Interactive Website
Develop an interactive website inspired by the Guggenheim Museum's unique 'floor' layout, enabling users to virtually explore the museum on a per-floor basis.

ㆍHistory Map
Organise the artworks on the website chronologically by their creation dates, giving users a 'History Map' experience that allows them to explore artworks from different time periods.

Interaction Concept Overview

this section, I outline my key interaction ideas implemented throughout the website.

Main page

Mouse cursor interaction

Interactive 3D Homepage:
Create a 3D homepage that responds to mouse movements, using shapes from the Guggenheim's brand identity.

Art Collection page

Scroll interaction

'Floors' Emphasis Screen:
Design a page that shows artworks arranged vertically by year to highlight the museum's 'floors' concept.

Detail view page

3D object interaction

Enhanced Artwork Details:
Use 3D objects for zooming in on artwork details, making it easier to see the fine points of each piece.

Final UI Design Preview

Main Page

Interactive 3D objects inspired by the Guggenheim Museum's brand identity dynamically respond to mouse cursor movements to enhance user engagement.

Art Collection Page

On this page, artworks are vertically arranged by year and presented in a single scroll. Detecting user scroll movements triggers content changes. Users can enhance their immersive experience with the architectural features by watching a background video showcasing the interior of the Guggenheim Museum.

Detail view Page

For each artwork, I created a 3D frame and placed it on the detailed page. Users can vividly appreciate the texture of the artwork by zooming in on the images.

Link to prototype

✉️ CONTACT

yudesign68@gmail.com

Let's create something great together! ✨