JSP and XML/JSON site

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.