UI Design & Art Direction

THE IMPORTANCE OF

If UX = “how it works”, then UI = “how it feels”

HONEYWELL RESIDEO IPO WEBSITE

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.

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

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.

Lorem ipsum dolor set amet…

ALLIANZ VARIOUS

IGNITE MINNEAPOLIS EVENT APP UI DESIGN

On failing fast and early…

Let’s get this wrong the first time!

– Patrick Kuntz