UI Design & Art Direction
PROJECT
Resideo IPO website
INDUSTRY: Consumer & Industrial Electronics
My role
Following my UX work on this project, I was asked by my client to take on the role of Art Director to see the project through to completion. I led a team of three designers and together we rapidly iterated on multiple solutions until we arrived at a clean, approachable final design which was approved by the client.
My approach
This website was built to announce the IPO of a brand new company spinning off from corporate giant Honeywell. Some offline brand work had been completed by another agency, but the digital story was yet to be written.
I asked my team to create Style Tiles to explore where we could take the brand, and get swift client feedback over several iterations. Soon a prevailing digital brand began to emerge and we set about creating the pages.
Grid & styles
Building on the overall look and feel developed during the style tile phase, I documented standards for:
Photography styles
Typographic hierarchy
Infographic styles
Iconography
Responsive grid
I brought all these elements into a style guide to be used by the development team, as well as by future teams who might make additions to the website in the future.
Other recent UI design & art direction work
Kennametal
E-commerce and AI-driven 3D CAD integration screen designs.
Mobile navigation
Proposed solution for creating a responsive navigation solution that needed to be navigable up to four levels deep.
Infographic
I pored over mountains of data for over a week: thousands of respondents answering hundreds of questions.
I created spreadsheets to organize and concatenate data and visualize meaningful conclusions.
This graphic was used in corporate social media efforts and printed as a poster.
My roles:
Data research
Concept
Art Direction
Design
Infographic
A break from the usual pie chart.
I like to find ways to convey otherwise dry or esoteric information in fun, relatable ways that people can easily… ahem… digest.
My roles:
Concept
Art Direction
Design
Desktop application
Created a desktop app for recording and translating speech-to-text court depositions.
Mobile event app
This was a personal project that grew out of my side-gig as Executive Producer of the speaker event series, Ignite Minneapolis.
I did everything except the code on this project:
User stories
Functional requirements
Task flows
Wireframes
Design
Copywriting
Process
It’s an interesting exercise to force oneself to go through the same product development process we ask of our clients. At first I tried to side-step the process, but soon found myself wandering, unsure what to do next. Once I buckled down, it came together pretty efficiently.
What’s more, the finished product actually worked just like the prototypes. The process worked!
Cheers.