Gogo Wi-Fi
Travel Points New UI (Hotel Search)
Technologies utilized included CSS3 transitions and LESS, and was developed much in the same manner as the results for Air.
Travel Points New UI (Flight Search)
Travel Points (Flight Search)
Travel Points introduce gamification into the flight and lodging search processes. Users can earn points by beating an "average expensed amount", which can later be redeemed for upgrades.
Three things to look at in this screen shot:- The badge at the top of the page. The badge image was done with CSS sprites that allow for it to stretch for text in different languages and different point totals. (Also involves call to end point to get user's current point total).
- The gray box with the total you need to beat to earn travel points. Involves a call to an endpoint to get the "average expense amount" for the search criteria.
- In the listing of available flights you see text stating how many points you can use to upgrade your flight without requiring managerial approval. In the case the flight cost comes in under the "price to beat" then the text will tell you how many points you may earn. This involved building up a JavaScript object model with rules points and rendering methods, and injecting calls to this from JavaScript which was generated by XSL transformations of XML flight search results.