Shop Mobile More Submit  Join Login
×




Details

Submitted on
March 16, 2013
Image Size
825 KB
Resolution
1480×824
Link
Thumb
Embed

Stats

Views
27,211
Favourites
209 (who?)
Comments
33
Downloads
818
×
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:
 
:icongraphic43guy:
Graphic43guy Featured By Owner Oct 24, 2014  New member Hobbyist General Artist
pretty awesome
Reply
:iconboot-cheese-3000:
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:
Reply
:iconz-design:
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:

forums.robertsspaceindustries.…

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.


Cheers
Reply
:iconboot-cheese-3000:
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:

z-design.deviantart.com/art/wo…

and this:

z-design.deviantart.com/art/RS…

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?
Reply
:iconperriwing:
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? 
Reply
:iconthezeis:
TheZeis Featured By Owner Nov 27, 2013  Professional Interface Designer
The interactice Demo link leads to a 404 page now :(
Reply
:iconz-design:
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. :)
Reply
:iconmanganman:
ManganMan Featured By Owner Nov 4, 2013  Student Photographer
Nice Job! Cutie Thumbs Up
Reply
Add a Comment: