TR Checkout Redesign
August 2022 - November 2023
![](https://cdn.myportfolio.com/a863efbb-d317-4944-bf34-4097b27f82c5/718e5274-b9d2-4b1f-bb1c-1f2f72697803_rw_1920.png?h=18ed9b8923e45a216ae18f39b86346a4)
My role
- Tasked with redesigning the full checkout journey
- Worked with a small product team
BUSINESS Goals
- Increase checkout CVR
- Improved form field validation
- Improved payment options
- Mobile first UI
![](https://cdn.myportfolio.com/a863efbb-d317-4944-bf34-4097b27f82c5/f16823fb-947e-47c3-b66f-19190a82311c_rw_1920.png?h=988fb3678a1379f8574d458d14bd2c27)
![](https://cdn.myportfolio.com/a863efbb-d317-4944-bf34-4097b27f82c5/1954f56c-dd65-42ee-8da3-23e7bae0caf1_rw_1920.png?h=d0224c3260403df3f03d1d61229e0f39)
![](https://cdn.myportfolio.com/a863efbb-d317-4944-bf34-4097b27f82c5/815ea293-4be5-4a76-a9e5-16b83a64a811_rw_1920.png?h=17dae7b625ca2b978aa8b9ce2133206e)
Left: Old design / Middle: CVR Funnel analysis / Right: Project planning
Known Problems
- Dated UI
- Low CVR metrics across the board
- Guest > Payment CVR very low!
Research pHASE
- User-testing existing behaviour
- Journey mapping: decision point opportunities
- Team workshop: How might we approach
- Industry Benchmarking: familiar experiences
![](https://cdn.myportfolio.com/a863efbb-d317-4944-bf34-4097b27f82c5/aa171a03-9f7b-47e5-8236-59612978efc9_rw_1920.png?h=a94c3975930ff56577555c7da791837d)
![](https://cdn.myportfolio.com/a863efbb-d317-4944-bf34-4097b27f82c5/bc8cb044-f175-425f-ab46-cf83a7c5076e_rw_1920.png?h=043370f043ad5fd590b3343317ce440b)
![](https://cdn.myportfolio.com/a863efbb-d317-4944-bf34-4097b27f82c5/95b23558-bdeb-406b-84f8-a797a1c03ce8_rw_1920.png?h=ba01a02582ae7debbc8f1b1c9903afbc)
![](https://cdn.myportfolio.com/a863efbb-d317-4944-bf34-4097b27f82c5/ddb1a36d-13da-4db1-9449-21b4fa7bfb19_rw_1920.png?h=b514bdb88341b9a9e3275f687915d64a)
Top left: User testing / Top right: Journey mapping / Bottom left: Workshop / Bottom right: Benchmarking
Design Process
Initial Wireframes
- Combing research, UX, business goals & experience
Team workshop
- Voting on best concepts and AB tests to run in unison
Concept highlights
- Checkout navigation
- Contact details location
- Extras location
- Improved cost summary
- Payment methods
- Billing location
- T&C's UI
![](https://cdn.myportfolio.com/a863efbb-d317-4944-bf34-4097b27f82c5/b718ba96-e985-4a2f-94d6-2b373931991a_rw_1920.png?h=d8ad4671debef149e3babff311e6de05)
![](https://cdn.myportfolio.com/a863efbb-d317-4944-bf34-4097b27f82c5/4303fab2-93d5-4c6e-a86f-19f40e8b9206_rw_1920.png?h=c02bfa04db1a65fe432e73cc7f42abae)
![](https://cdn.myportfolio.com/a863efbb-d317-4944-bf34-4097b27f82c5/5f12264c-bec0-4f97-b755-3536b340ace8_rw_1920.png?h=9c59df3d0709e38de2ad38f467964bcf)
Left: guest details / middle: payment / right: desktop
Final design
- Agreed deliverables combined with a fresh rebrand
- AB testing adjustments
![](https://cdn.myportfolio.com/a863efbb-d317-4944-bf34-4097b27f82c5/d0eb4ba9-9dfa-4a73-87ff-73943e12a0ed_rw_1920.png?h=4ed8b99cf57e61475f4b9976f836cad4)
![](https://cdn.myportfolio.com/a863efbb-d317-4944-bf34-4097b27f82c5/483fe5c2-0ae5-477e-8867-9e47610aee1c_rw_1920.png?h=74342aaddbc93d03e09b3849c42b7d26)
Left: Guest details / Right: Payment
Delivery
- Weekly touchpoints with devs
- QA doc focusing on MVP items for each step of funnel
Results
- 15% increase in checkout CVR yoy vs old design
- Fresh rebrand facelift
- Reduced CS touchpoints (covid queries etc)
Thank you for your time.