The TTC site enlists the Long, Scrolling Page design. A single page contains the entire site, with specific sections accessed through a top navigation which always remains visible.
The site sports many subsections within given sections, each of which loads content via AJAX. The design also contains large background images each step of the way, each of which is scaled to the device on which it displays — desktop or tablet.
We built this front-end using AngularJS to capture and respond to the complex user interactions. Then we harnessed the power of the Fuel CMS within CodeIgniter, so that Top Tier can administer the site content in a simple, highly intuitive manner.