UX Portfolio

UI Design & Art Direction

 

UI Design & Art Direction


resideo-hero-v002.png
 

 

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.


resideo-about-v002.jpg

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.

 
resideo-grid.jpg
 

Other recent UI design & art direction work

 
3D-mockup-v002.jpg
kmt-pdp.jpg

Kennametal

E-commerce and AI-driven 3D CAD integration screen designs.


four-level-nav.gif

Mobile navigation

Proposed solution for creating a responsive navigation solution that needed to be navigable up to four levels deep.

modern-family.jpg

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

cookie.jpg

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


cloud-court-recording-screen-macbook.png

Desktop application

Created a desktop app for recording and translating speech-to-text court depositions.


falling-phones-ignite-v02.jpg

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.