My Design Process
The following is a peek into my creative process. It also gives insight into what you can expect when working with me. :)
Client Interview & Project Discovery
For me, everything begins with making sure I clearly understand what something is intended to accomplish. With design, this comes about through client interviews and tools like the discovery questionnaires that I've created.
My discovery questionnaires include questions like:
The Problem We’re Solving
- What are the issues you’re trying to improve, or business problems you’re trying to solve with this project?
- What words do you want people to associate with your company? 5-10 thoughtfully selected words is ideal.
Brands You Like
- What brands do you consider to be “best-of-breed”? These examples may be completely outside of your industry. Names and a brief explanation of why they’re included in this section would be ideal.
Brands You Dislike
- What brands do you dislike? These examples may also be completely outside of your industry.
Wireframes & Concept Sketches
When the discovery phase has been successfully completed, the visual design process always begins with some sort of writing utensil and paper. For me, computers are a tool for finalizing ideas, but almost never for idea generation. This approach lends personality to the end-result, and maintains the human feel of my work. It also allows for rapid prototyping, experimenting, and vetting ideas quickly.
Sketches to Digital Illustration
Snazzy little time-lapse video showing the process of creating a flying elephant illustration for a comic on my blog.
Mood boards are a great tool for communicating abstract ideas to clients. Every design begins its life in someone's head, and it's practically impossible to communicate an unborn idea without relying on symbols and pointing to other similar things that already exist. Mood boards can be a fantastic way to paint a picture of what your thought looks like.
The following is a small example of how much ground a design can cover from inception to completion.
The Ne'er-Do-Well: Website v. 1
The screenshot on the left is of an early concept I provided to the client for feedback. I walked her through what I was thinking, explained how I saw it changing going forward, and asked for feedback on the various things that were coming together.
The screenshot on the right is of the final design. We created an updated version of the website a couple years later, which you can learn about here.
Early Concept Mock-Up
Final Design (Website v.1)
A few changes represented in the above images:
The "Fiction / Essay / Craft" buttons seen in the early concept mock-up were a holdover from an earlier version of the client's website. We agreed that removing them would create greater clarity for users.
The black navigation-bar was added for increased legibility of the navigation, and to better visually separate the header from the content.
Custom hand-rendered type was created for the website header to better tie the name of the site into the overall theme and aesthetic of the design.
The FPO (For Position Only) images in the early mock-up were replaced with final suggestions for live content.
The colors of the website were refined for better internal consistency and harmony.
I am a meticulous man, and take pride in providing files that will be easy to understand for anyone else that has to interact with them. My Photoshop and Illustrator files have clearly and consistently named layers, and all my files are logically and consistently organized.
For web projects, I always include carefully annotated designs with both structural and style notes.
Annotated Final Design:
Site Structure & Layout
Annotated Final Design:
Final Deliverables: Folder Structure
Even my deliverable files are neatly organized and consistently labeled. :)