Grant Garrett - Interface Designer

My Work

Outdoor Kitchen Configurator

This is an interactive outdoor kitchen space planner designed for Kalamazoo Outdoor Gourmet. The idea was to create a very simple and intuitive drag-and-drop application that allows the user to quickly and easily design an outdoor kitchen space of their dreams.

iTunes DJ

Conceptual design for an iTunes plugin that connects people on a network and puts them into a virtual club where anyone is the DJ. Users can add their own tracks to the playlist or vote on what is already there. The more people like a particular song the higher its chances of being played next. Built in chat room for those long days at the office.

View Sketch »

BlackBerry PlayBook Beta Program

This microsite design involved a series of screens that walked the user through the necessary steps needed to participate in the PlayBook beta program. It needed to be simple enough so as to not scare away the user while maintaining a high degree of visual interest.

The Pixel Process

The Pixel Process was a design company my former partner and I started back in Chicago. It ran for a couple years until we decided to shut it down after being too busy with our full-time jobs. I designed and developed the website.

Visit the site

E-Learning Interface

This is an interface I designed for an e-learning course. The content was super dry, so extra attention was needed on the visual side of things. The idea here was to bring some interest and a little bit of fun to what was essentially a powerpoint presentation. I tried to bring a real sense of texture, depth, and physicality to the interface while making sure it didn't distract from the content.

LMS Interface Design

This interface design was for a Learning Management System. The client wanted a very iTunes'esque system for managing all their e-learning courses, reports, evaluations, etc.

Consumers Digest

The challenge for this design was trying to transition the content from one type of medium to another. The client's content had over 50 years of history in the printed magazine industry - so it was no easy task moving such a solidified and well-defined content structure to one that is so liquid (the web).

Visit the site

1 2 3 4 5 6 7

My Process

Research & Strategy

This step is about gaining a knowledge and understanding of the big picture. As much as possible is researched about the content and the requirements and constraints of the project are outlined and defined. Potential problems and roadblocks are noted and a general strategy is formed.

Design

This is where the magic happens, as they say; where the real problem solving starts. Strategy concepts are put into play and the iterative design process begins. The user experience and overall flow of interactions are designed. Wireframes kickstart the visual structure and layout before any thought is given to typography, color palette, or other visual design elements.

Execute & Deliver

Here is where the project becomes a living and breathing entity. The more 'live' an interface becomes the more you get a real feel for the overall user experience. This feedback aids in the continual iterative process as the design and interactions becomes more polished and optimized. These design solutions are refined and tweaked until they are just right.

View this site's design process »