Case Study: NASA Redesign

Business Category – Science
Location – USA

For a while now I’ve noticed the design of the official NASA website is very old. Every time I visit I feel the urge to redesign it as there are a few key areas that could be greatly improved and brought up to date with a more modern feel. I set out to redesign the homepage of the current NASA website, below are the mockups (Currently fully coded and responsive) of the idea I had.

NASA Redesign Case Study Desktop

Firstly I swapped out the logo. Instead of using the blue circle with the swish I opted to go for the minimal and more ‘space-looking’ logotype that seems to be underused. Following on from this, the navigation has also been tidied up. Gone are the vertical dividers that take me back 10+ years.

I decided to bring the search front and centre in this update so people could go straight to what they want to find out about. This is followed by a brief description of who NASA are. Admittedly if you don’t know by now you probably didn’t grow up on this planet, but any alien life stopping by will be able to get to know them better.

My favourite section of the update is the news area, featuring up to 8 of the latest stories, driven by imagery. It’s a bit disappointing on the current website to see some of the images with an overlay of white and blue boxes. Cutting back any background on the text opens up a whole new view of the stories.

NASA Redesign Case Study Mobile

The mobile version also shows a number of improvements over the original. Namely the mobile menu which is now hidden off the screen and elegantly transitions into view rather than a clunky looking dropdown that pops over the content. The news tiles also work very well, using all the space available by sitting next to each other.

In the future I plan to build more pages than just the homepage, blog posts being one of the main sections on the current site would be the first. There would be a lot of fun to be had designing the galleries as well with all the awesome photographs taken.