The Star Wars franchise is growing with new films and series taking viewers to further reaches of the galaxy. This makes it difficult for new viewers and even dedicated fans to keep track of locations and planets.

Wookapedia is a great resource for gathering this sort of information however it doesn’t have the most exciting user experience. My challenge was to create a travel app that would allow users to explore the planets as if they were viewing them live and on screen. This would provide viewers with an engaging and immersive experience.

I have designed a travel app that allows users to find and navigate their way through 3D space. The Galaxy App can be used to find planets, learn about their history, what films they feature in and further background information. It also rewards users for their dedication to learning about the Star Wars Universe by awarding badges and access to spaceship specs as they view more planet profiles, log favourites and calculate the distance journeying between planets.

I created wireframes and drew out the navigational flow of the app. This helped me to visualise and simplify the users experience.

Planets were created using Photoshop. I began with flat textured images and used the ellipse tool to crop the image into a circle and spherized through 3D extrusion. I experimented with different ways to create light by using the paintbrush tool, gradients and curves. I was able to create two foundational planets and then change colours and layer them together to produce the rest.

To create the galaxy view I brought the planets into illustrator and arranged them in a swirl. I used multiple gradients to create the surrounding atmosphere and small dots with glows to create stars. I produced the illustration of Jabba’s Palace by copying from an image taken from one of the films and added gradients to the outcome to create a warmer finish.

Icons were first sketched and then drawn up on illustrator. I experimented with different styles and sizes. I chose the best outcomes and then recreated each using a guide to ensure visual consistency across the set. I then placed in context as a final check for consistency and balance.

For the Apps title I wanted to create a neon outcome using the Star Wars typeface. I did this on illustrator but outlining the text and adding the glow effect. The typeface Orbintron was used for heading and the typeface Montserrat for body text.

A blue and black colour palette was selected for the app with the potential for a “pick a side” selection that allows users to turn the blue aspects of the user interface red or green.