For Love

OMG SPACE

Graphic Design, Web Design

OMG SPACE was my OCAD University thesis project. In our fourth and final year, students are tasked with coming up with a concept for a final project that they'll work on for the entirety of that year.

I was interested in space exploration, and I wanted to find a way to convey to people how much we've actually accomplished in that area, beyond the original space race and moon landing. I found people weren't familiar with the accomplishments of NASA, and even less with the work of other space agencies. So I developed a way to express the quantity of work done, and also represent how impressive it truly is that we've really done anything, given the massive scale of space.

The final project was a series of infographics and a website showing our solar system to scale. I researched, designed and coded all of it myself, and had a little help with some of the math.

OMG SPACE won the Core77 Design Awards Student Award and an Adobe Design Achievement Award in 2011.

art-gradshow
logo_OMGSpace

Infographics

The infographics served as the way to showcase the quantity of space missions targeted at all planets, dwarf planets, and the moon in our solar system. I decided that m,y creating something that really showed the number of missions, I could immediately express how much humanity has accomplished in space exploration, and then draw the viewer in to see more detail.

Each line in the infographics represents a mission. The flag at the front is the country that was primarily behind the mission, followed by the name of the mission and the year it launched. The end of each line has a symbol at the end that indicates if the mission succeded, failed, is still being planned, or is ongoing. Each ring meets one of the lines around the planet or body to indicate what kind of mission it was: a fly by, orbiter, lander, rover, or return. These symbols and rings correspond with a legend at the bottom of each piece.

infographic-moon-closeup
mars-test
IMG_5224
book01

OMG SPACE was published in Understanding the World (Taschen), in 2012. It was also featured in Fast Co. Design, Applied Arts, and Wired.

Website

A problem with getting people to understand exactly how impressive any space endeavour is, is the fact that the scale of space is hard to grasp. The size of planets and the distance between them is unfathomable to most of us. Understanding the distances we've crossed is a large of part communicating the impressive accomplishments of space agencies around the world.

I decided to build a website that would represent the scale of our solar system exactly. A website is the only medium that could handle such a project - these distances and planets are so large, that most diagrams have to compress one or the other to fit the diagram onto a page. With some math, I figured out that representing both the planets and their relative distances to scale in print would require me to print enough paper that, if printed on 11" tall sheets and laid end to end, would be 13 times the height of the CN Tower. Clearly, print wasn't practical.

Fortunately, the web is infinite, so a website was the natural solution. All the planets and distances, as well as the asteroid belt and the distance to the heliosphere, are to scale. I still bumped up against some practicalities: some of the smaller planets had to be a single pixel in size relative to the scale of the distances, and making a pixel show up among a star field is tricky. But I came up with some design solutions for these problems, and in the end created a website that not only did what I needed it to (ie: blowing people's minds) but also is frequently used as a reference in teaching about space to kids around the world.

art-website_v2

Users can visit a planet or body by clicking a link along the bottom of the site. Using some jQuery, I made the "travel time" (the time it takes to scroll to a new point on the page) always take 5 seconds, to further impress upon people the distance the're travelling. I added two layers of stars to the background to to give a sense of depth and showcase the speed and distance traveled, though this isn't mathetically accurate - it just makes people say "wow".

sun-test
mercury-test
venus-test
earth-test
moon-test
moon-test2
mars-test2
mars-test
ceres-test
jupiter-test
saturn-test
uranus-test
neptune-test
pluto-test
eris-test