![](images/portfolio-sp/featured-symphonyindustrial-1.jpg)
Initial sketches
& meetings
Through whiteboard and conference sessions, we listened, asked questions, and sought to understand the current state of things and greater vision.
![](images/portfolio-sp/featured-symphonyindustrial-2.jpg)
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.
![](images/portfolio-sp/featured-symphonyindustrial-3.jpg)
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.
![](images/portfolio-sp/featured-symphonyindustrial-6.jpg)
Development progress
Over time we were engaged by various team members as data and product aspects moved forward, to implement new features and screens.
![](images/portfolio-sp/featured-symphonyindustrial-4.jpg)
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.
![](images/portfolio-sp/featured-symphonyindustrial-5.jpg)
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.
![](images/folio/work/siai-latest-1.jpg)