Star Wars Galaxy
Agency: nclud.
All work was designed with Sketch and Illustrator. The fully responsive static site was built using JavaScript, Three.js, WebGL, Howler.js, GreenSock, Gulp, Sass, and integrated the Star Wars API.Explore a galaxy far, far away.
nclud was made up of some of the biggest Star Wars geeks around — from posters on the office walls (Darth Vader and stormtroopers, of course) to roaming LEGO R2-D2 droids. When the trailer for Episode VII: The Force Awakens came out, we all huddled around the office television to watch it over and over (and over). We immediately thought: what can we build to share our love of this with the world? With so many epic stories being told in a galaxy far, far away, we decided only something that truly immersed the visitor in the cinematic universe would do.
Starting with the Star Wars API, a comprehensive reference point for basically every planet, starship, and character from the movies (and extended universe), we started fleshing out the concept: a fully three-dimensional galactic playground, full of swooping camera motions and dramatic effects.
For design, we avoided the cliché of sterile colors and techno fonts, instead turning to rich golds, beautiful serif typefaces, and the original 1977 slanted Star Wars logo and Hildebrandt concept paintings. At the same time, we also tackled something totally new for us: sound design. John Williams’s score for Star Wars is as iconic as Luke's lightsaber, so it only seemed right to incorporate that into the experience (as well as R2-D2’s lovable blips, beeps, and bloops).
Launching the same week as “Force Friday” (a marketing push from Disney and Lucasfilm), Star Wars Galaxy quickly saw over a hundred thousand visitors in addition to media coverage from Wired, io9, Gizmodo, The Mary Sue, ScreenCrush, and a slew of international newspapers and blogs. The site was an honoree for a 2016 Webby Award in the Advertising & Media category, was awarded CSS Design Awards Website of the Day, and landed on the front page of Product Hunt.