Skip to main content

Star Trek navigraphic: the infographic with warp factor

The infographic has long been a staple of print media and recently it's grabbed the opportunities presented by digital and run full pelt with them. Every day there's a new data visualization or innovative method of presenting information appearing on our online timelines. HTML5 has been instrumental in this, allowing the best infographics to not only have beautiful designs but also to become fully interactive, easy to digest, and highly sharable.

Now digital agency Forward3D has developed this Star Trek-based infographic for MusicMagpie.com, and the team is so convinced they've invented something new, they've given it a new name - a navigraphic.

Tim Hawes of Forward3D explains: "Rather than sitting the user down in front of all the information we were offering, we designed the piece for engagement. Exploring where science fact and science fiction meet and diverge, we created a piece that users could freely explore using the inbuilt controls, or simply their mouse cursor."

Authentic aesthetic

"From the off we wanted to create an authentic Star Trek aesthetic," continues Hawes. "With collaboration from Paramount we used visuals from movie screen grabs, prop and reference photos from the Star Trek archives. Alluding to the different series, we designed separate control schemes to reflect each generation, a subtle point that wasn’t strictly necessary but was something we though fans would appreciate.

"We utilised HTML5 and jQuery to enable navigation around the various scenes, allowing the audience to explore at will. The retro-style doors were a particular favourite, while the animated stars and classic warp speed visualisation give a consistent movement to the graphic. Steering away from Flash was a must, to enable the graphic to be appreciated in the widest array of browsers."

Star Trek infographic 1

Star Trek infographic 2

Star Trek infographic 3

Star Trek infographic 4

Try out the Star Trek navigraphic here.

Liked this? Read these!

Have you seen an inspiring infographic lately? Tell us about it in the comments below!

Thank you for reading 5 articles this month* Join now for unlimited access

Enjoy your first month for just £1 / $1 / €1

*Read 5 free articles per month without a subscription

Join now for unlimited access

Try first month for just £1 / $1 / €1

The Creative Bloq team is made up of a group of design fans, and has changed and evolved since Creative Bloq began over a decade ago. The current website team consists of five people: Editor Kerrie Hughes, Deputy Editor Rosie Hilder, Deals Editor Beren Neale, Senior News Editor Daniel Piper, Digital Arts and Design Editor Ian Dean, and Staff Writer Amelia Bamsey. The 3D World and ImagineFX magazine teams also pitch in, ensuring that content from 3D World and ImagineFX is represented on Creative Bloq.