JSP and XML/JSON site

by michaelin JSP and XML/JSONon Posted on

This site has over 4000 jsp pages with many include and library files.  The databases used for these sites are all flat files including over a dozen XML and several JSON files

www.visa.ca

Site built using HTML5 Semantic Markup as a Single-Page Application (SPA). The front end uses HTML5, JavaScript (jQuery) and CSS.  The back-end is an extensive XML flat file database.

Development:
Working with Visa Canada, Visa Global, a TBWA creative team, the Visa.ca site has seen a major update from when I started at TBWA two years ago.  We have taken a site, removed all Flash components (Visainfinite was a pure Flash application) and updated all the code to conform to HTML5 and CCS3 markup.

Design:

  • The site is a large corporate site for Visa Canada.
  • All images, icons were created using Abode Photoshop and Adobe Illustrator CS. All banners are created using smart objects an Photoshop templates.
  • The site has several areas or categories within the site which are Database driven application using XML and JSON files. These include visa.ca/visaperks and visa.ca/visa-debit
  • On-Page Social Networking Integration with Facebook and Twitter.
  • Facebook Applications created using Buddy Media Suite of social Tools.
  • Several sections of the site have been updated using a Responsive Design and are optimized for Desktop, Tablet and Smartphone. These sites include Small Business and Visa Perks
  • Al new areas of the site use a JavaScript Plugin to track all external clicks and menu items.

 

Web Analytics:
Incorporated full Google web analytics integration with dozens of Goals, Funnels, Filters and Profiles.  Each department or section of the site has it’s own Dashboard – reporting all Visitor Acquisition, Paid Search Performance including all Campaign traffic, Keywords traffic, bounce rates, and reporting all segment goals.
Monthly reports are created via “SPECIAL REPOTS” and are automatically e-mailed to each department head on a monthly bases.  There

www.visainfinite.ca

Site built using HTML5 Semantic Markup as a Single-Page Application (SPA). The front end uses HTML5, Javascript (jQuery) and CSS.  The back-end is an extensive XML flat file database.

Development:
Working with Visa Canada, Visa Infinite, Infinite stakeholders and a TBWA creative team, the Infinite.ca site has seen a major update from when I started at TBWA two years ago.  We have taken a Flash site and completely transformed it to the web today – on all devices and three screen sizes.

Design:

  • The site is a higher end Visa rewards site.
  • All images, icons were created using Abode Photoshop and Adobe Illustrator CS. All banners are created using smart objects an Photoshop templates.
  • The site is a Database driven application using XML to store all data.
  • Social Networking Integration with Facebook and Twitter.

Web Analytics:
Incorporated full Google web analytics integration with dozens of Goals, Funnels, Filters and Profiles.