ULOC (TD Bank)

4. Designing

The work started by redesigning the existing live pages, using TD's design system and the business requirements as a base. We created high-fidelity wireframes, which were periodically reviewed by the project's business analyst and product owner for feedback. Working closely with developers was equally important. During design, they helped us understand what was technically feasible, shaping decisions early.

Pair designing made the process sharper. Working alongside another designer — someone equally invested in the outcome to think out loud with — meant problems got solved faster and decisions were better considered. It also became one of the best environments for learning and growth.

Collaborating with other designers extended beyond the immediate team. Since another group was simultaneously modernizing the HELOC (Home Equity Line of Credit) pages — a product similar to ULOC — we held frequent check-ins to keep both products aligned, especially for shared functionalities like filtering and sorting transactions. Small differences were allowed when the products called for it, but consistency was the baseline.

As the project evolved, so did the scope. Technical and conceptual complexity, and multiple customer scenarios uncovered along the way, meant the work grew beyond the initial requirements. Some highlights:

• 30+ error and edge case scenarios were identified and designed

• Component adaptations were made where the design system needed to flex to fit specific situations

• User testing was conducted in collaboration with TD's research team to validate design decisions

After the design was finished, we reviewed our work to make sure everything was pixel-perfect and followed all design best practices.

Once implementation began, the collaboration with the developers continued through QA — reviewing built screens against the designs, flagging discrepancies, and working with the team to resolve them before launch.