Shop Mobile More Submit  Join Login
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  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
:iconbhiqm:
Bhiqm Featured By Owner Sep 14, 2013
cool & fresh design, I like it :)
Reply
:iconeddt67:
eddt67 Featured By Owner Jul 13, 2013
This is damned awesome!
Reply
:iconkxmode:
Kxmode Featured By Owner May 9, 2013
really looking forward to the new site!
Reply
:iconthetahelion:
ThetaHelion Featured By Owner Apr 13, 2013
Great work. :)
Reply
:icongrinchfox:
grinchfox Featured By Owner Apr 3, 2013  Student Digital Artist
I miss doom3 like styled windows...
Reply
:iconjunkan7:
Junkan7 Featured By Owner Mar 23, 2013  Professional Interface Designer
Sweet!
Reply
:icondaenzar:
Daenzar Featured By Owner Mar 20, 2013  Professional Digital Artist
fantastic!
Reply
:iconm-ettema:
m-ettema Featured By Owner Mar 19, 2013
Very nice
Reply
:iconvectortrance:
Vectortrance Featured By Owner Mar 18, 2013
Nice work.
Makes 2Advanced seem so antiquated. Seriously, why are they still on Flash?!
Reply
:iconalphonsecapone:
AlphonseCapone Featured By Owner Mar 18, 2013
You can tell your supervisor that your UI work _alone_ is reason enough for me to buy the hell out of Star Citizen!
Reply
:iconplayer-designer:
Player-Designer Featured By Owner Mar 18, 2013  Professional Interface Designer
Wow, looks amazing!!!
Reply
:iconlaurencedesign:
LaurenceDesign Featured By Owner Mar 18, 2013   Interface Designer
Damn son!
Reply
:iconcolorifer:
colorifer Featured By Owner Mar 18, 2013
****************** AWARD ******************
*************** Site of the Day ***************
Reply
:iconcaseyd2k:
CaseyD2K Featured By Owner Mar 17, 2013  Professional Digital Artist
Very awesome!
Reply
:iconnodethirtythree:
nodethirtythree Featured By Owner Mar 17, 2013
This is great!
Reply
:iconenzudes1gn:
EnzuDes1gn Featured By Owner Mar 16, 2013  Professional Interface Designer
website reminds me of my something I'd have made, I love flashy sci-fi styles and industrial design :D
Reply
:iconlordcemonur:
lordcemonur Featured By Owner Mar 16, 2013  Professional Interface Designer
Oh my god. I'm waiting for Star Citizen since it's announcement, and to my surprise one of my favorite artist's also got into the project. This can't get any better.
Keep up the good work and good luck in Cloud Imperium!
Reply
:iconthezeis:
TheZeis Featured By Owner Mar 16, 2013  Professional Interface Designer
Like I said yesterday, this thing is SO sexy. I want to have its babies.
Reply
:iconfelewin:
Felewin Featured By Owner Mar 16, 2013  Hobbyist Digital Artist
Sweet dude! Let me play this game now :P
Reply
:iconmagicmode:
MagicMode Featured By Owner Mar 16, 2013   Interface Designer
אחי מאיפה הפלצת את זה?!?!
תחתחח
Reply
:icontimberwolf581:
Timberwolf581 Featured By Owner Mar 16, 2013  Hobbyist Writer
Awesome!
Reply
:iconknighttek:
KnightTek Featured By Owner Mar 16, 2013  Hobbyist Digital Artist
This looks amazing!!
Reply
:iconaekro:
aekro Featured By Owner Mar 16, 2013  Student Interface Designer
Very well done! Both in terms of coding and design.
Reply
Add a Comment:
 
×




Details

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

Stats

Views
32,533
Favourites
232 (who?)
Comments
33
Downloads
966
×