hackland_portfolio_m.jpg

Hackland - UI/UX

Hackland

Accept your challenge

Hackland is an online programming game designed for hackers. It offers two platforms - web and mobile. Mobile app is designed to pair with virtual keyboard in order to achieve a better programming experience.The game is split into 5 levels, designed to challenge hacker’s programming skills. Winners will be rewarded with physical prizes.

hackland_portfolio_01.jpg

 

In order to demonstrate how Hackland works for users, I made this video. The video emphasizes on the interaction between each page. From user login, receive challenge page, complete the mission page to earn the rewards page, a complete user flow is displayed.

 

 
 
 
 
hackland_portfolio_06.jpg
hackland_portfolio_02.jpg
hackland_portfolio_03.png
 In order to provide our users with a better coding experience on mobile version, a virtual keyboard is paired through Bluetooth.  Virtual keyboard is developed by CYX, a laser keyboard that can be projected on virtually any surface.  The whole device fits in a simple keychain, being the size of a ZIPPO lighter.   

In order to provide our users with a better coding experience on mobile version, a virtual keyboard is paired through Bluetooth.

Virtual keyboard is developed by CYX, a laser keyboard that can be projected on virtually any surface.

The whole device fits in a simple keychain, being the size of a ZIPPO lighter.

 

hackland_portfolio_07.jpg
hackland_portfolio_08.jpg