Rocket Engine Catalog Screenshot 1Rocket Engine Catalog Screenshot 2Rocket Engine Catalog Screenshot 3Rocket Engine Catalog Screenshot 4Rocket Engine Catalog Screenshot 5Rocket Engine Catalog Screenshot 6Rocket Engine Catalog Screenshot 7Rocket Engine Catalog Screenshot 8Rocket Engine Catalog Screenshot 1Rocket Engine Catalog Screenshot 2Rocket Engine Catalog Screenshot 3Rocket Engine Catalog Screenshot 4Rocket Engine Catalog Screenshot 5Rocket Engine Catalog Screenshot 6Rocket Engine Catalog Screenshot 7Rocket Engine Catalog Screenshot 8
Rocket Engine Catalog Screenshot 1Rocket Engine Catalog Screenshot 2Rocket Engine Catalog Screenshot 3Rocket Engine Catalog Screenshot 4Rocket Engine Catalog Screenshot 5Rocket Engine Catalog Screenshot 6Rocket Engine Catalog Screenshot 7Rocket Engine Catalog Screenshot 8Rocket Engine Catalog Screenshot 1Rocket Engine Catalog Screenshot 2Rocket Engine Catalog Screenshot 3Rocket Engine Catalog Screenshot 4Rocket Engine Catalog Screenshot 5Rocket Engine Catalog Screenshot 6Rocket Engine Catalog Screenshot 7Rocket Engine Catalog Screenshot 8
Rocket Engine Catalog
Visual DevelopmentInteraction Design
This project focuses on designing a user-friendly interface for a rocket engine database, making complex technical information engaging and digestible for the general public. The interface features a clear visual style and intuitive flow, inviting users to play, explore, and discover different engine types, specifications, and components.

ENGINE FACTORY

Home Page
PAGE HIERARCHY

Home Page

Engine Factory

Landing Page

Fabrication Shop

Details Page

Hanger Bay

(For training, refer to future plans)

Home page is the central hub that leads to other levels

Future Plans

FABRICATION SHOP

Landing Page

This is the start of where users can "build their own engine", and then select existing engines based on their decisions.

Fabrication Shop

Part 1 - Building the engine

Users can start from either one of the three main options that makes up a rocket engine.

The interface will then guide the user to complete all three before continuing to further customizations.

After all three has been selected, the user will be shown a summary of all their selections and further configure their engine.

After they are happy with their build, they can proceed to the selection area.

Build Summary

Part 2 - Selecting your engine

Based on the user's selected configuration, the system will display a list of existing engines that match their requirements.

Once the user has identified an engine they are interested in, they can proceed to the Hangar Bay (Details Page) to view more information about that specific engine.

HANGER BAY

Details Page

Selections the user have made that lead to this result

More detailed information about the engine, as well as the rocket it serves

Upcoming launches of this engine

Featured engines that leads you to other parts of the Hanger Bay.

FUTURE PLANS

Hanger Bay

In my plan, Hanger Bay is like a library, but for rocket engines. That is why all the details of any engine leads you to this page.

But it does not have to be just a boring library. It could include -

  • Engine I built
  • Featured engines
  • Community
  • And more!
Future Plans
Training

Training is an area on the map that provides users with additional information on more complicated concepts when they become interested in these topics after using the site.

Future Plans

Progression system that incentivize users to do these trainings and be more educated on rocket engines and how they work

Future Plans

MOBILE GALLERY

Special considerations for mobile -

  • Horizontal ---> Vertical
  • Hamburger for basic navigation
  • Swipe support for switching between parts of the build
  • And more!
Mobile HomeHome
Mobile HomeLanding
Mobile HomeConfiguring your engine --->
Mobile Home
Mobile Home
Mobile Home
Mobile HomeSummary
Mobile HomeSelecting your engine
Mobile Home
Mobile HomeDetails

Research coming soon