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 thoughts:
- 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.