OX - Additional Research

Information Architecture and User Flow

As our team was thinking of features for OX, we used the sticky paper method on a glass window to sort it out. Eventually I digitally recreated them as for referral for our team to use within Slack. Afterwards I created a basic user flow for the sections of OX, that needed to connect. It was a little tough putting ourselves in the shoes of someone in the commercial real estate sector. We debated if some features were necessary as an architect versus contractor.

User Interface Design

For the sake of time and consistency, we modelled the look of OX to take cues from the current website for Oxford Properties. We wanted users to feel that they were in an Oxford work environment with familiar cues when logging into OX.

Visual designs we wanted to use stock images of past project constructions, as we knew OX would be lacking a lot of content. When it came to the materials, we wanted to keep the patterns like finishes, surfaces, textures to a square aspect ratio. We knew some materials would need to break the 1:1 size, so product info pages would accommodate for larger images.

I pushed to use an oxen head for our logo for OX. OX was originally shorten from Oxford. As I was researching oxen, I learned they are used in the agriculture industry to haul materials around the farmland. This is kind of what OX is doing; we’re hauling the building materials in one area to get a sense of cost and analysis.

As I was designing the UI design kit, our developers were running into issues with getting OX up and running certain code. We decided to keep it a bare bone React UI.

Prototype