Knight Frank Occupier Platform

Occupier Platform

Knight Frank

January – May 2019

Brief

To design and build a hub that would allow Knight Frank to create an online presence to display their flexible office spaces, allowing them to compete with the likes of WeWork, and Hubble.

As a new client to TH_NK, successfully completing this project allowed us to unlock further streams on work, including the main Knight Frank website.

Foundation Design

A process in the design stream that lets us focus on key problems and to create a base of work, allowing us to move into the sprints with a good starting point in content, UX, and design.

Within this phase of work I worked with a Senior UX designer to create the site map, low fidelity wireframes, and user flows to help us understand the framework of the website.

Below shows how a collegue and I used the Back log to determin what sections and pages were required on the site, and started to map these out before moving this to a digital format.


Here we fleshed out the structure of the website and how certain functionality like slide in’s, and overlays should work giving consistency across the website.

With what we had learnt from working with the client, content, and consultancy teams, we put together the certain flows of the site. This was used to give to the Engineering teams. To see if there were any areas that may be a problem, and to highlight any pages that may be required that hadn’t been thought of.




Initial wireframes

Starting to think about the content areas and components that would be used on the different pages.

Sprint,
User Account

After foundation phase where we had set out the main structure and patterns of the website, we moved into the Sprints where were would focus on particular problems.

Sprint 4 was focused on designing the account area of the site, Here I mainly focused on how the user would interact with their shortlist. A number of options were drawn up, but between the teams it felt that a consistent look and feel to what was shown on the property search results page would work best.


Quick Inviosion prototype, top help exaplain to the client the functionality of this particular area.

Showing some of the designs for the account page.

Sprint,
Admin

One of the sprints was dedicated to designing the admin area, so that the team at Knight Frank would be able to upload new properties onto the website, as well as keep up to date with the contacts that have made enquiry’s.


User testing

Once we had completed the sprints the initial build was taken into user testing, Here I helped plan, observe, and interview participants.

The session was conducted with an observer room, where the client was invited to join and add to the note taking. With 9 participants carrying out a short interview, and a few tasks to see if there were any issues when trying to find a property, and then making an enquiry.


Once the user testing was completed the notes were then synthesized and presented back to the client, as well as reworked into the designs before launch.