• Content Strategy
  • Information Architecture
  • Visual Design

Building scalable web experiences at Questrade

When Questrade needed to modernize its website, I led the push for a user-centered approach that improved engagement, boosted clarity, and increased conversions.

25,573

new prospect in 6 months

+7M sessions

in 12 months

+1.2%

increase in attributed revenue

Revenue expressed as % for NDA reasons

Preview of the finalized desktop and mobile designs for the Managed Investing homepage
The problem

A web experience that was
showing its age

It's 2018. Schitt’s Creek is blowing up, Beyoncé’s ruling Coachella and Questrade.com just had its last major update. The site was doing its job, but by the time I joined in 2021, the cracks were starting to show.

Some of the issues on Questrade.com in 2018 included contrast issues, inconsistent use of breadcrums, no obvious CTAs and a high drop-off rate
Questrade.com circa 2018. This illustration highlights only some of the issues I identified as part of my UX evaluation of the site

Research and Analysis

Identifying gaps and opportunities

I led my team's research, where we dove deep into our existing content and structure, tested our IA, and gathered insights.

  • Tree Testing In close collaboration with our UX research team, we conducted baseline tree testing to evaluate the performance of our existing IA. After updating the structure, we ran a second round of testing to measure impact before investing further in visual or interaction design.
  • Content Audit I completed a thorough audit of our site content to assess its structure, quality, and performance. This helped me identify gaps, redundancies, and opportunities to better support user needs.
  • Competitive Analysis My team analyzed top bank and fintech competitors to understand how they structured content, what questions they answered for users, and which topics they prioritized across key pages.
  • Customer Feedback Review We spoke with our customer service team and reviewed Qualtrics data to identify recurring pain points and common user tasks. This helped us ground our work in real user sentiment and behavior.
Screenshot of a spreadsheet showing URLs from Questrade.com with columns rating each page on metrics like findability, readability, and actionability. Some rows are highlighted for removal, merging, or updates.
Content audit documentation showing page rankings based on findability, readability, and actionability. Page view data redacted for NDA reasons.
Results from a tree test showing user success and directness scores for locating information on investment products. Several tasks show low directness, especially those about trading apps and account types.
Baseline tree testing revealed low directness for tasks about asset types and accounts, with frequent backtracking. Trading app tasks scored the lowest overall.

What our research was
telling us

  • Branded terms confused users.
  • Account type content was only found after several attempts.
  • Many struggled to find our trading apps, likely due to unclear labeling.
  • Mixing technical and domain content in the learning centre made discovery harder.
Information Architecture

Creating a self-evident architecture

Redesigning our IA focused on creating unambigous sections, bringing content together in a single place and updating our labels to use terms familiar to users.

IA map of my redesign of Questrade.com

Snapshot of the top 2 levels of our redesigned IA. We focused on clear labelling and surfacing value-oriented content.

Making room for growth

Questrade was growing fast, with more product launches on the way. I introduced the Start Investing category to organize core investing pages under a scalable structure that could support future expansion.

Consolidating scattered content

Account type content was scattered across multiple pages and often repeated. We consolidated it into a dedicated Account Types section, simplifying navigation and making future updates easier.

Surfacing a key differentiator

Questrade’s trading apps and tools were a major differentiator, but they were buried. We created a standalone Apps & Tools category to surface this value and make it easier for users to discover.

Turning low-performing space into real value

The About Us menu saw low engagement, with most traffic going to promotions. We replaced it with Ways to Save, a value-focused section that highlights offers like Questrade Plus and Questrade Reserve.

Putting it all together

Once our IA was validated (through more tree testing), I led the design of new header, footer and mega nav components.

IA map of my redesign of Questrade.com

We built mobile first navigation and masthead elements, designed to reduce cognitive load and make wayfinding simpler.

SEO content strategy

Enticing users to stay

Our research showed that our hero banners were a major problem. We had only a few seconds to clearly communicate our value, capture interest, and guide users toward key actions.

A mockup of a countdown timer on a Questrade landing page inspired by Netflix, showing time running out.
The "next episode" timer starts the second users land on our page. We have only a few seconds to entice them to keep scrolling

I worked closely with our content and engineering teams to develop the high-level strategy for all our hero banners. We needed to tell people right away what we were offering and why they should care:

Mobile mockup showing the anatomy of a strong hero banner and headline
Excerpt from a presentation I shared with stakeholders, explaining how we can build compelling hero banners.

Guiding users to take action

As Questrade’s digital storefront, the website needed to build user confidence in order for them to act. We do this by answering key question, building trust, and then guiding users to take action.

Excel template we used to come up with our on page content strategies.
I created these worksheet templates to help my team document all the questions a user might have.

I developed a custom process to gather customer insights. This meant we needed to talk to our customer service team, look at our Qualrics feedback forms and perform competitor analysis to better understand what questions users had.

Screenshot of a content-first wireframe alongside a prioritized list of user questions and a diagram of the AIDA framework used to shape the page structure.
We mapped prioritized user questions to each stage of the AIDA model, then used that structure to build content-first wireframes that guided our design decisions.

Once we developed an exhaustive list of questions, they were prioritized based on frequency and value. Finally, I applied the AIDA content model to guide content-first wireframes and visual design.

Visual Design

Bringing our vision to life

With wireframes in place, we leaned on the Marketing Design System I also developed to quickly build and refine each landing page.

Screenshots of the redesigned Managed Investing landing page

Visual mockups for the Managed Investing landing page. This became the blueprint for redesigning dozens of pages across Questrade.com.

We scaled this strategy to 18+ pages over the year, emphasizing scannability and strong visual storytelling to build trust and confidence.

IA map of my redesign of Questrade.com

Screenshots of our Active Trader, TFSA and Options pages, all using the same content and design strategy.

We applied the same strategy to net-new pages like the Questrade Plus landing page, using dark mode and video to connect with active, tech-savvy investors.

IA map of my redesign of Questrade.com

As request came in for net-new pages, we continued to apply the same high-level strategy. Pictured here is the Questrade Plus promotional page, one of the best performing pages on the site.

The results here were immediate. The Questrade Plus landing page became the best performing landing page on Questrade.com, with over 1500 subscriptions in the first week and an average engagement rate of 93%

Results and Impact

From strategy to measurable impact

Our work drove a 34% increase in scroll depth and added 38 seconds to average time-on-page. It also contributed to 25,573 new prospects, 7M+ organic sessions, and a 1.2% revenue lift.

Heatmap screenshot of our Questrade Plus offer page, showing more than 60% of users scroll to the half-way point of the page.
Desktop expsoure rate for Questrade Plus landing page. Users were now scrolling farther and staying longer on our pages as a result of our work.

Our strong SEO focus delivered results quickly. Within two weeks, one of our most popular account type pages ranked on the first page of Google search results.

Screenshot of our internal kudos board where one of my designers and myself were given recognition for our hard work and results.
An email sent from our SEO Manager Shiny Fernandez, letting us know one of our most popular account type page ranked on the first page of Google after only 2 weeks.
Final thoughts

A year of progress and what I'd change

I’m incredibly proud of what my team accomplished. Over the course of a year, we took on a complex, multi-layered redesign and delivered meaningful results that improved both the user experience and business outcomes.

Even though I’ve since moved on from Questrade, the work we did has had a lasting impact. The new IA, content strategy, and design system we introduced continue to shape the site’s evolution.

If I had the chance to revisit this project, I would have also prioritized improving our internal search experience. It was a key discovery tool for users, but it lacked the usability and visual clarity we brought to the rest of the site.

Stylized portrait of me (Bardia Doust)

Let's work together!

I'd love to learn about what you're working on and see how I can help bring value to your projects

Get my resume
Back to top