TD Product Selector
Project Details
TD’s numerous products and services can be daunting to choose from. TD commissioned us to create a tool that helps their clients find a solution that meets their needs.
How it works
- Starting from asking ‘for you’ or for ‘business’, the tool navigates you through a series of pathway that leads you to find a solution ranging from a credit card, home mortgage, savings or other. There are more than a hundred potential pathways you can take which narrows down the matching solution from hundred plus combinations to 1~2. After you’ve found the solution that fits best for you, the final page will provide detailed features and descriptions of the solutions.
Features & Components
- Hundreds of routes and product solutions that is easily maintainable.
- Fluid design and mobile ready to be available on all screen sizes.
- Accessibility standard compliant (WCAG 2.0) to work for the visually disabled.
- Legal compliant page dynamic with each client.
- TD bank standard styling following the TD branding department’s needs.
Challenges & Other Comments
- The biggest challenge to this website was to have a routing solution that allowed us to link to each page, be flexible, stable, and easily maintainable. The routing is done all on the front-end side through Angular. After researching for the best ways, I settled on a folder structure that lays out the routes, which will then link to a template with dynamic content. It is easy to add/remove products and services this way, as well as updating the routes.