Back to home About Skills Certifications Career & Education Projects Social Media & Contact

"About us" Redesign – TopCashback

Project introduction

A large redesign of TopCashback's "About us" pages which I led, focusing on improving the UX, Accessibility and SEO of the page.

My roles within the project:

  • Gained valuable insight into user behaviours through heatmap analysis of the existing pages.
  • Led various user research sessions and ran user surveys to determine what habits users have, and what "About us" content might lead them to gain trust in a new website or service.
  • Facilitated frequent meetings with TopCashback's Marketing and PR team to develop page copy/content.
  • Liased with SEO specialists to determine how best to boost the SEO of the pages, as well as thinking about how best to cater for prospective members, and what they key words they might search for.
  • Designed iteratively, running several face-to-face interviews and user/accessibility testing sessions to refine designs.
  • Ran A/B Testing and heatmapping of the redesigned page to verify that the redesign was an improvement.
  • Performed a final audit against WCAG 2.2 to confirm that the new page is fully accessible and compliant.

Legacy "About us" pages

Legacy About Us image

Problems

  • Outdated design, using old imagery and brand colours.
  • Inaccessible content, lack of alt text and keyboard accessibility.
  • Responsiveness issues, with some content becoming very small on some mobile devices.
  • Inefficient layout method, confined to using "floats" due to outdated Bootstrap grid implementation when the page was built.

New "About us" pages

New About Us design

Improvements

  • Much friendlier feel, making use of high quality up-to-date photography.
  • Accessible design and development.
  • Greatly-improved responsiveness. Moved from Bootstrap to CSS Grid, with pages now responding properly and not decreasing in size unnecessarily at mobile screen widths.
  • Much more up-to-date with the latest brand styles.
  • Greatly increased performance, with much quicker load times due to bundling and compressed images.
  • Greatly improved SEO through key word usage and proper layout of headers/content.
  • Overall, a huge improvement with represents the TopCashback brand in a positive and exciting way.
  • *Bonus: I get to feature in one of the page header images!
New About Us design New About Us design New About Us design New About Us design

See next:

Browser Extension Web Accessibility Audit – TopCashback Return to homepage