Colton James Wiscombe
DSGN / DEV / ART / LING
cjw-klingon-thumb.jpg

Klingon Mercenary Consortium

With only forty eight hours from inception to completion, I was tasked with creating an interactive landing page that showcased both my design and technical capabilities. The only requirement was that the page include a contact form that could be filled out and submitted.

I wanted to pay tribute to one of my all-time favorite IP's, Star Trek. Specifically, the Klingons. Without the page reloading, I created an interactive multi-step process that functions entirely without the need to scroll. Each form element added data to a JavaScript variable that was delivered to my inbox on submit. The steps were animated adding to the sense of progression.

View Demo Site

 From scratch, I created an icon set representing weapons and other devices used by Klingon.

From scratch, I created an icon set representing weapons and other devices used by Klingon.

cjw-klingon-2.jpg
cjw-klingon-3.jpg
 I'm still amazed at how I finished a project this complex in just 48 hours!

I'm still amazed at how I finished a project this complex in just 48 hours!

cjw-klingon-5.jpg
 It took a lot of ingenuity to take an interface as visually complex as this and engineer it to be responsive and mobile optimized.

It took a lot of ingenuity to take an interface as visually complex as this and engineer it to be responsive and mobile optimized.

cjw-klingon-7.jpg
cjw-klingon-8.jpg
cjw-klingon-9.jpg
 I incorporated Klingon typographic and iconic elements such as insignia throughout the interface.

I incorporated Klingon typographic and iconic elements such as insignia throughout the interface.

cjw-klingon-11.jpg