Tourism Australia

This page will be updated continuously.

The project time I participated : Nov. 2015 ~ Jan. 2016

The task I’ve worked : UI development

The task tool and environment where I work: Mac, Grunt, Angular 1.4, jQuery, HTML5, SCSS(CSS3), Handlebar.js

Location: 1 Kent st. DT digital, Sydney

Active website :

  1. The carousel component. This carousel component is done by jQuery.  The structure is marked up in handlebar.js format. The carousel and hero image has overlay option which coded by means of compass function.

Tourism Australia

  1. Aquatic carousel. The slides on the right are done by my colleague Thomas. I built the UIs of end frame of video slides with the vertical sliding bar.

Screen Shot 2016-07-18 at 5.31.48 PM

This is the intro page of an aquatic carousel. The pointer on the map is dynamic based on where the mouse cursor is placed.
Screen Shot 2016-07-18 at 5.28.23 PM

  1. Menubar built by Angular. There are three menu bars. The menu bars have flipping styles. Each of menus is table layout and the length of heights also remain same when the menu changed to different language. The nav menu has the toggle directives using Angular directives. The map pointer is also done by using angular directives.

Screen Shot 2016-07-18 at 5.25.39 PM

Screen Shot 2016-07-18 at 5.25.02 PM

Screen Shot 2016-07-18 at 5.26.03 PM

  1. The main landing page layout. The brick style layout is also responsive-safe.

Screen Shot 2016-07-18 at 5.16.08 PM