Back

Space Tourism MPA

A multi-page application, representing the visitor traveling through space, learning about who made this possible and the technology related.

vueastrotailwindcss

Links

Overview

The challenge

Users should be able to:

  • View the optimal layout for each of the website’s pages depending on their device’s screen size
  • See hover states for all interactive elements on the page
  • View each page and be able to toggle between the tabs to see new information

Keyboard Navigations

KeyAction
Switch to left slide
Switch to right slide
1, 2, 3Go to corresponding tab in technology page

Screenshot

Desktop

Home

Destination

Crew

Technology

Tablet

Home

Destination

Crew

Technology

Mobile

Home

Destination

Crew

Technology

My process

I intended to use i18n to translate this webpage into 2 other languages, but the Bellefair font was messing with it, and the work to actually translate was taking 90% of development time so I got bored, and removed everything instead. RIP.

Built with