Experiential Aircrafts Muesum

UI/UX Desktop & Mobile

01          BACKGROUND

Ever since the Wright brothers' first invention and up until our modern age as we know it, the aircraft has always had a great influence on human history.

Always pushing the technological envelope forward, pivotal moments in wars were set by those flying vehicles, creating stories and tales to tell through generations to come. And as interest in them rose, museums were built to preserve their past.

Today, we can experience all of that from home.

02           GETTING STARTED

THE CHALLENGE  -  Many museums these days get to have a site designed to promote them and present their collection, making it convenient and accessible worldwide. 

 

How, however, do we emulate a physical experience like an aircraft museum,

into the online world in the most engaging way?

THE OBJECTIVE  -  Providing the user with all the contents he'll come to expect from a physical aircraft museum, through interactive-focused means. Creating an experiential website, meant to excite and entice more exploration and learning.

Frame 4.png

Target Audience

THE  SOLUTION  

For the experience on the website to feel similar to the experience in a physical museum, the emphasis needs to be on emotion.

 

Browsing will be non-linear with a strong focus on interactivity and animation to give added value. Users will get to choose between iconic eras in aviation, explore 3D models, engage in Virtual Reality features, listen to auditable lectures, and browse in an intuitive way to more relevant information.

03           EARLY CONCEPTS

03  EARLY CONCEPTS

Originally, the Timeline page was not

supposed to be the Homepage.

Original Model Page,

stayed largely the same.

Although a good starting point, these wireframes were mostly not going to work.


At first they might seem exciting, but navigation was too linear and not too different from any other "logical" navigation. I needed to think outside the box.

 

which led me to my next drafts.

Half designed to test animations.

Final drafts that made it into the final design.

05  THE DESKTOP VERSION

04  COLORS & TYPOGRAPHY

04          COLORS & TYPOGRAPHY

02  GETTING STARTED

01  BACKGROUND

05

THE DESKTOP VERSION

HOMEPAGE

The purpose of the homepage is to place the user right into the heart of the interactive experience, while also immediately giving him the option to buy a ticket to the physical museum itself if he desires.

The user starts by choosing an era, similar to how a real museum is categorized.

TIMELINE

The structure here is non-linear.
 

The user can drag sideways to see more planes, and use the navigation bar on the right side to zoom in and out between years,  planes, or back to a new era.

MODEL PAGE

When choosing an aircraft to view, a couple of enriching options are presented to the user:

Control over a 3D model with the option to go fullscreen using the navigation box below.

VR option to explore certain areas within the plane.

Listen to audio lectures while on the page.

Other relevant information includes: About, Specifications and links to more interesting stories on the aircraft, including things the user might want to buy from the gift shop.

To motivate more exploration, there is an option to navigate immediately to the next and previous plane, by clicking on the side of the screen.

The mobile version naturally had to be designed a bit differently.
While the desktop version has a horizontal interface, the mobile version needed to have a vertical design because of
the resolution and difference of use.

06

THE MOBILE VERSION

HOMEPAGE


Tapping on the era opens up a rundown about it, from there the user can tap "Explore" to get to the Timeline page.

TIMELINE


Tapping on the navigation bar opens it, and hints that the same action can be achieved by using the "Pinch Zoom" gesture.


both options available for user convenience.

MODEL PAGE

QR Code was added as an option to the menu, allowing the user to find the plane he wants by scanning the code while in the physical museum.

THANK YOU! 

This is the end of the presentation.

Check out my other projects too!

06  THE MOBILE VERSION

NEXT

PROJECT

PREVIOUS

PROJECT