1 month

Ubisoft Rainbow Six Esports - Match Page

Reduced Support contact Ratio

Increased +48% visits on Match pages

and +20% clicks per page visit*

*(as per Web analytics)

My Role and Contribution

Senior UX Designer

  • Framing problems to solve
  • Co-design solutions with UI designer
  • Facilitate Design Review
  • Co-write User stories
  • Conduct User test

Business Context

Support Contact Ratio was rampant and always increasing over time. To alieviate that, we were tasked to improve a subset of the Support experience by improving Search Results.

Before

After

Research

Users’ Insights

  • I conducted User interviews with internal users about the R6 Esports website, which highlighted the challenges users faced with the existing match page, citing cluttered information as a significant pain point. These insights formed the foundation of our redesign efforts, emphasizing the importance of decluttering and streamlining the page.

Problems to solve

  1. How Might We make the Match page more accessible and efficient for users

Problems to solve

  1. How Might We make the Match page more accessible and efficient for users

Sorted feedback and framed problems

Design solutions

Revamping Search Results Cards

Designing new cards with better visual hierarchy, focusing mainly on the title of the article rather then lengthy description.

Focusing on Rounds Results

Too many filters were confusing users as by the time they would eventually filter, thjey would have probably left the website already.

Showcasing Competition Stream in the Fold

Previous cards’ grid was unhelpful because titles were truncated, and the amount of displayed cards made the whole page look busy without providing a clear support answer.

Displaying Player Statistics

Emphasis on Pro Players’ statistics was one of the best predictor of Win/Loose during a match and Phase, they asked for them, we gave everything we had access to.

Conclusion

Our meticulous user testing efforts have been instrumental in optimizing the design of the search results page.

Through iterative testing and user feedback, we fine-tuned the interface, significantly reducing the time required for users to navigate and find the right solutions. This user-centric approach not only enhances overall usability but also ensures a streamlined and efficient experience.

“Despite following best practices, no design would be complete and fully balanced witohut User tests.”

Hugues Heurley

Senior UX Designer

1 month

Ubisoft Rainbow Six Esports - Match Page

Reduced Support contact Ratio

Increased +48% visits on Match pages

and +20% clicks per page visit*

*(as per Web analytics)

My Role and Contribution

Senior UX Designer

  • Framing problems to solve
  • Co-design solutions with UI designer
  • Facilitate Design Review
  • Co-write User stories
  • Conduct User test

Business Context

Support Contact Ratio was rampant and always increasing over time. To alieviate that, we were tasked to improve a subset of the Support experience by improving Search Results.

Before

After

Research

Users’ Insights

  • I conducted User interviews with internal users about the R6 Esports website, which highlighted the challenges users faced with the existing match page, citing cluttered information as a significant pain point. These insights formed the foundation of our redesign efforts, emphasizing the importance of decluttering and streamlining the page.

Framed Problems

  1. How Might We make the Match page more accessible and efficient for users

Framed Problems

  1. How Might We make the Match page more accessible and efficient for users

Sorted feedback and framed problems

Design solutions

Revamping Search Results Cards

Designing new cards with better visual hierarchy, focusing mainly on the title of the article rather then lengthy description.

Focusing on Rounds Results

Too many filters were confusing users as by the time they would eventually filter, thjey would have probably left the website already.

Showcasing Competition Stream in the Fold

Previous cards’ grid was unhelpful because titles were truncated, and the amount of displayed cards made the whole page look busy without providing a clear support answer.

Displaying Player Statistics

Emphasis on Pro Players’ statistics was one of the best predictor of Win/Loose during a match and Phase, they asked for them, we gave everything we had access to.

Conclusion

Our meticulous user testing efforts have been instrumental in optimizing the design of the search results page.

Through iterative testing and user feedback, we fine-tuned the interface, significantly reducing the time required for users to navigate and find the right solutions. This user-centric approach not only enhances overall usability but also ensures a streamlined and efficient experience.

“Despite following best practices, no design would be complete and fully balanced witohut User tests.”

Hugues Heurley

Senior UX Designer

1 month

Ubisoft Rainbow Six Esports - Match Page

Reduced Support contact Ratio

Increased +48% visits on Match pages

and +20% clicks per page visit*

*(as per Web analytics)

My Role and Contribution

Senior UX Designer

  • Framing problems to solve
  • Co-design solutions with UI designer
  • Facilitate Design Review
  • Co-write User stories
  • Conduct User test

Business Context

Support Contact Ratio was rampant and always increasing over time, which in part meant that users didn’t easily find a solution to their problem through Self-help articles.

Before

After

Research

Users’ Insights

  • I conducted User interviews with internal users about the R6 Esports website, which highlighted the challenges users faced with the existing match page, citing cluttered information as a significant pain point. These insights formed the foundation of our redesign efforts, emphasizing the importance of decluttering and streamlining the page.

Problem to solve

  1. How Might We make the Match page more accessible and efficient for users

User Interviews - March 2023

Design solutions

Revamping Search Results Cards

Designing new cards with better visual hierarchy, focusing mainly on the title of the article rather then lengthy description.

Focusing on Rounds Results

Esports fans are usually focused on round per round results to follow the Match progress, having accurate and detailed statistics provided them with the much needed Information to feel engaged.

Showcasing Competition Stream in the Fold

Esports Watchers repeatedly mentioned during our User Interviews that they would love to have the stream right on the Match Page, whether it is to watch it from here or follow through to Twitch/Youtube. Done!Previous cards’ grid was unhelpful because titles were truncated, and the amount of displayed cards made the whole page look busy without providing a clear support answer.

Displaying Player Statistics

Emphasis on Pro Players’ statistics was one of the best predictor of Win/Loose during a match and Phase, they asked for them, we gave everything we had access to.

Conclusion

Our meticulous user testing efforts have been instrumental in optimizing the design of the search results page.

Through iterative testing and user feedback, we fine-tuned the interface, significantly reducing the time required for users to navigate and find the right solutions. This user-centric approach not only enhances overall usability but also ensures a streamlined and efficient experience.

“Despite following best practices, no design would be complete and fully balanced without User tests.”

Hugues Heurley

Senior UX Designer