TRANSPORT FOR LONDON

TfL Lettings is one of London’s largest landowners and offers a wide range of spaces for businesses and organisations of different sizes, from pop ups and small businesses to global brands. 

Visit TfL Lettings.

THE PROJECT

The Project

Designing TfL’s properties lettings website

My role

Senior UX Designer

The team

Senior UX Designer, Project Manager, Visual Designer, Back-end Developer, Front-end Developer, SEO Analyst, QA Analyst, DevOps Engineer, Account Manager

The project challenges:​
  • To present the TfL’s vast portfolio of properties.

  • To design an intuitive search functionality to serve a wide range of users from small pop ups to large global organisations.

  • To design a search functionality that met the needs of the end-users and the tech requirements.

HOW WE DID IT

01 / Workshop


The project was kicked off by a remote internal stakeholder workshop with 8 participants using Zoom and Miro. The workshop consisted of tasks to define the problem, outline the project goals and risks. 

 


02 / Stakeholder interviews


Following the workshop 6 remote stakeholder interviews were conducted to dig deeper into the project goals and the specific needs of the website.

 


03 / User journeys 


Key user journeys were defined to support the needs of the users and to demonstrate the various routes needed to solve the solution.

 


04 / Wireframing


By working closely with the development team the key pages were wireframed using Figma, with a specific focus on the search functionality, ensuring the functionality of the designs meet the tech requirements, the user needs and the allocated time and budget.

 


05 / Prototyping


The wireframes were quickly turned into prototypes ready for client reviews and usability testing.

Homepepage
Results page
Property page
New property launch page
06 / User testing and iterating 


Rapid prototyping, testing and iterating was carried out.

07 / And finally 


Feature requirements and functional specification was completed and the project handed over to the development team.

THE FINAL SOLUTION

Final takeaways

​For a complicated project, the simplest solution, can be achieved through collaboration and teamwork. In this instance working closely with the development team, exploring options together lead to the right search functionality for the end-user that met all the project and user needs.

Thank you for reading my Transport for London case study.

Please check out my other work by clicking here.