Some Things I’m Proud Of

User Experience Deliverables

The Brief

Design must be grounded in research and data, or else it’s all fluff. It’s the UX team’s job to bring everyone back to the user’s perspective and recommend the best solution. This process might take any number of forms, so I’ve included just a few here as examples.

“Don’t make my users think. Just help them do.”

My Role Was To

Using

Adobe Illustrator, Sketch, actual sketching, Adobe InDesign

Examples

Wireframes and pageflow for the mobile breakpoint of Shop the Big City, a fashion website.

Annotated wireframes for Neil Enterprises, a promotional products company.

Pageflow diagram with content types for one category of a website for International Code Council, an organization that develops building codes, standards and guidelines.

Formatted and branded deliverables for client presentation at The Plum Tree Group.

Shown here:
Digital Playbook Cover
Table of Contents
Heuristic Analysis
Conversion Rates
SERP Analysis
Channel Analysis
Persona Documents

Visual Design

The Brief

Visual design is both the flavor in the cake and the icing on top. It needs to function, it needs to compel, and whenever possible, it should delight. This is a catch-all category for any number of one-offs and side projects that every designer finds mysteriously landing on their plate.

“Can you make it pop?”

My Role Was To

Using

Adobe Illustrator, Adobe Photoshop, Adobe InDesign

Examples

CD design for Loyolacappella, a college-age singing group at Loyola University Chicago.

Illustration for an article about what Twitter’s 2014 redesign meant for business.

An encouraging vector illustration.

Responsive Web Design & Development

The Brief

Sometimes you just have to do all the things. In my free time I love to help out my friends with their projects that need web design or development. This usually includes sessions for nailing down concept, sitemap, pageflow, and wireframe sketches (a light UX package); along with discussions about branding, fonts, images, and all the other steps through hosting, development, handoff, and maintenance.

“What is consulting?”

My Role Was To

Using

Adobe Illustrator, Adobe Photoshop, Sketch, Wordpress, Sublime Text, Foundation

Examples

Website for a charity run at Loyola University Chicago, designed and developed over the Wordpress framework.

View the live site.

Web design for International Code Council, an organization that develops building codes, standards and guidelines.

This site! Try testing out different devices and screen sizes.

Colophon is in the footer.

Photography & Videography

The Brief

Sometimes it gets old, being in the “digital space” all the time. You start to feel like everything can or should be pixel-perfect and debugged. When I feel like that I find it helpful to get away from the computer and physically be with people. The photos and videos I take are from times like that. Then afterwards I go back to the computer…because, hey, what photo couldn’t use just a liiittle retouching?

“Make it look like really, really real...except for that one birthmark. You can take that out, right?”

My Role Was To

Using

Adobe Illustrator, Aperture, Adobe Premiere Pro, Canon T3i with asst. lenses, GoPro, props from the forest

Examples

Photography samples from the past couple years.

View more on Flickr.

A recap video for a team from YWAM (Youth With A Mission).

View more on Vimeo.

But who am I?