
Initial sketches
& meetings
Through whiteboard and conference sessions, we listened, asked questions, and sought to understand the current state of things and greater vision.

Quick and dirty
hi-fi wireframes
Time is always of the essence. Our engagement in the project was prior to an upcoming Microsoft demo. We reorganized the UI and agreed on new flow using wires.

UI V1
dark theme
Once our wireframes were established, we designed a skin to give some visual design to the front end of the demo.

Development progress
Over time we were engaged by various team members as data and product aspects moved forward, to implement new features and screens.

Dark to Light Theme
Branding
Once our wireframes were in a reasonable state, we explored new logo design, typography and color. For our V1 demos we used a dark theme UI, but moved to light after experimentation.

Light theme V1
Over demos, validations and feedback, we learned many things. One was that users prefered lighter theme and less-dense UI for readability.
Light theme v2
Moving the concept forward
Through further iteration, designs were refined and a v2 UI was established.
Through further iteration, designs were refined and a v2 UI was established.
