Design — Chris Befeld

Service Instance :: Post GA :: 1 year.png

INFORMATION ARCHITECTURE

We created a structure for the UI with the services future staging in mind, and developed a site map that was in alignment with the services business needs in the following year.

This way we could essentially future proof our UI architecture and have a document to fall back on when new releases came into discussion.

—

Screen Shot 2016-06-10 at 10.00.49 AM.png

Screen Shot 2016-06-10 at 9.51.58 AM.png

Screen Shot 2016-06-10 at 9.52.50 AM.png

Screen Shot 2016-06-10 at 9.53.25 AM.png

Screen Shot 2016-06-10 at 9.54.13 AM.png

Screen Shot 2016-06-10 at 9.54.53 AM.png

Screen Shot 2016-06-10 at 9.56.11 AM.png

Screen Shot 2016-06-10 at 9.56.20 AM.png

Screen Shot 2016-06-10 at 9.57.10 AM.png

Screen Shot 2016-06-10 at 9.58.01 AM.png

Screen Shot 2016-06-10 at 9.59.16 AM.png

Screen Shot 2016-06-10 at 10.00.30 AM.png

Concepting & Wireframing

This was by far the largest section of the design process, running through about 3 major concept iterations and all the corresponding functionality, eventually led us to a successful streaming UI model that allowed for a users iterative, non-destructive work flow.

—

Prototyping

Prototypes are invaluable. Having the ability to create an interactive experience to test and break exposes branches of the design that are otherwise easily overlooked. We used the surprisingly robust Keynote (Yes, that Keynote) to create in depth feature prototypes that suited all of our needs for usability testing and demonstration.

—