Yamaha NMAX 155 Microsite (Design, Development)




Yamaha's new motorcycle NMAX 155 launches in Turkey with a contest. Accordingly, the competitors must browse a location in Istanbul that given timely by microsite, solve the puzzle and report back via microsite. The competitor who completes 9 missions with the highest score wins a NMAX 155.



Brief: Client wants an urban style, red/black/white colors, providing hq usage on mobile.
Project Date: 2017
Client: Yamaha​​​​​​​
Role: Design, CSS & JavaScript Programming
Process: 4 week










The following videos recorded via the HTML. 
Depending on your hardware, color shifts and FPS drops can be observed. 

Watching in full-screen/HD recommended.


























- IE 9+ supported layout
- A custom bootstrap (only grid system, reduces bootstrap size almost %85)
- I used the open source Velocity.js library for motions. (http://velocityjs.org)












Yamaha NMAX 155 Microsite (Design, Development)
25
311
3
Published:

Yamaha NMAX 155 Microsite (Design, Development)

Design and front-end development of Yamaha's contest microsite #nmaxbenimolacak. (May 2017)
25
311
3
Published:

Tools