Shop Mobile More Submit  Join Login


Submitted on
March 16, 2013
Image Size
825 KB


209 (who?)
Star Citizen - Roberts Space Industries Ship UI by z-design Star Citizen - Roberts Space Industries Ship UI by z-design

This was a rather quick (2 weeks) UI demo I whipped up as a "test of capabilities" when I was interviewing for a position at Cloud Imperium Games, the company responsible for the highly anticipated Star Citizen space sim.

It is built entirely in HTML5/CSS/JS, but might not work on some devices as well as IE8 or lower (not enough time for compatibility testing!).

Basically, this is supposed to be a ship catalogue viewer to display each ship's hardpoints, specs, upgrade capabilities, etc. in a full-screen FUI/OS'ish style interface. You can rotate / flip the ship to see all angles and where everything is located. A more polished version would have a dropdown to switch to another ship, but I was only required to display the Hornet.
Add a Comment:
Graphic43guy Featured By Owner Oct 24, 2014  New member Hobbyist General Artist
pretty awesome
boot-cheese-3000 Featured By Owner Aug 22, 2014
This was done on HTML5/CSS/Js? REALLY? This is impressive! You gotta show/explain to me how you did this, I love how that works! This definitely gets my patented "Thumbz Up Award"!:iconthumbsupplz:

Even Felly Fel is impressed!:iconhappyfellaavatar:
z-design Featured By Owner Aug 22, 2014  Professional Interface Designer
Thank you! I had actually explained it to one of our members a while back (last year), and was able to dig up an old post of mine:


Unfortunately, the image I attached in it no longer appears as a result of a forum software migration, but I hope at least some of it helps.

boot-cheese-3000 Featured By Owner Aug 22, 2014
Well I'm still a beginner so everything went over my head. :laughing: What kind of forum is this--is it yours? Something tells me I'm going to have to ask more questions before I get the hang of it, like what software in general (Bootstrap, Django, Joomla, or a combo or none of those) and other stuff.

Another template work that blew me away besides yours was this here:…

and this:…

I would love to know your secrets, I want to design my own templates not use some cheesy pre-made ones unless a job requires something so Simple Simon. Did you follow any tutorials or have any of your own?
perriwing Featured By Owner Jan 3, 2014
Awww, that is so much better then the current SC pledge page, why didn't they choose it? 
TheZeis Featured By Owner Nov 27, 2013  Professional Interface Designer
The interactice Demo link leads to a 404 page now :(
z-design Featured By Owner Nov 27, 2013  Professional Interface Designer
Yep, that happened after the new site launched. I suppose I should update the link since I still have the demo on my own site. :)
ManganMan Featured By Owner Nov 4, 2013  Student Photographer
Nice Job! Cutie Thumbs Up
Add a Comment: