The advisor directory is a relatively large and complex interface covering a range of pages and many minor interactions. Below you can see a very high-level flow for a user as they might progress through some of the screens.

List view was chosen as default over map view, due to results uncovered in Google analytics.

Map view was designed but we stepped back from building it for the live site. A few valid and intriguing reasons contributed to this decision.

Users are able to search for accountants and bookkeepers with experience in their industry. I designed the UI for a multi-functional dropdown so that a person can choose from a list of industries or freetype and be shown matches. Here you can see the UI with suggestion matches.

Everything was designed to work effectively for a user on a mobile phone. User context was considered in the design / decision making process for these screens.

A range of variable information is able to flow from a database into profile pages, whether it be blurbs, videos, education levels, achievements or photos.

These enable the user to quickly send messages to firms or individual staff. The bulk of the interface copy was written by me for this project.

Below are some detailed UI specs I provided to developers for this project. Sketch plugins are used to automate some of this work.

Vitally important to accompany these are the written user stories I supply. These make it clear to developers and testers what we are creating, and how an interface is to function for the user.