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

Redesigned Claims System – TopCashback

Project introduction

A project to redesign the Missing Cashback claims system for TopCashback, improving user experience and accessibility.

My roles within the project:

  • Aided UX designers by producing working prototypes to inform the direction of the design.
  • Led development of the front end, working closely with other developers, working and being on hand to advise and help resolve any issues.
  • Assisted with cross-device and cross-browser functional testing to identify any bugs.

Prototyping

  • As designs were beginning to take shape, I developed a working prototype to be used for both design refinement and user feedback/testing.
  • The prototype was built using HTML, CSS and JavaScript as a Codepen. The aim was for the rendered UI to match the current state of designs as closely as possible, but not worrying too much about performance, code efficiency, accessibility (etc) at this point.
  • Only sample/mock data was used for testing purposes – no backend was attached at this stage.

Main prototype

See the Pen Redesigned Claims Journey – main by Design/UX (@tcbdesignux) on CodePen.

Datepicker prototype

See the Pen Redesigned Claims Journey – datepicker by Design/UX (@tcbdesignux) on CodePen.

Development of final product

  • Once designs were finalised, I led the development of the front end for the final production version
  • Worked closely with UX Designers to ensure that the interface was pixel-perfect.
  • Ensured that all code was written to be as efficient as possible, keeping accessibility at the forefront.
  • Collaborated with other developers to ensure seamless integration of the front end with the back end and resolve any technical challenges that emerged.

Screenshots of final product

The new claims page The new claims page

See next:

TopCashback sitewide navigation redesign Return to homepage