...for Digital Product Design
Depending on what's needed, my process can be both fluid and structured.
I create time and space for exploration, discovery, and new ideas.
I also know when it's time for direct, focused, action toward specific, measurable goals to keep us on track and on time.
From a rough concept or a detailed plan, here’s how I usher your project into a fully functional, highly impactful digital presence.
The Structured Version
1. Goal Setting
First, we start with your goal and your desired time frame for completing your project.
Your goal can specific. Or if you're not there yet, it can be as amorphous as a short description of your intended outcome. If you already have a detailed plan, that’s great! If you don’t, we can outline a plan to reach your goal, identifying what will be absolutely essential to reaching your goal.
Once we have a goal and a plan, I turn my attention to the user interface and experience design.
2. Storyboarding and Design Sketches
Storyboarding is putting together a high-level summary of how a website, app, or other experiential product will function at its most basic level.
When it comes time to sketch out individual pages, a valuable low-tech solution for rapid prototyping and testing without a significant investment of resources is good-old pen or pencil and paper.
In a matter of minutes, a concept can be sketched out.
Then. the basic flow of interactivity can begin to take visual form.
I like to start by drawing and blocking-out functional design elements. For websites and apps, that means the navigation and menus, logo placement, interactive elements, call to action buttons, information boxes, and more.
Once that's in place, we can have a conversation about what works, what's needed, and what's got to go.
If you're a physical learner, cutting out the design elements allows them to be re-arranged easily. Moving things around on a table, we can mimic the digital experience and try on different ways of organizing all the elements.
Once a design outline is set, it's ready for wireframing, mock-ups, and testing.
3. Wireframing, Mock-Ups, and Initial Testing
Wireframing is putting together a digital version of the basics of the design. The benefit of wireframing is how it offers opportunity to adjust the design before investing significant time in developing a usable product.
The wireframing phase is a great opportunity to obtain feedback. We can bring in outside folks to test the design and provide feedback.
The bonus of wireframing is that we can create many production-ready visual elements, shortening development or build-time.
Layouts and design elements can be exported, ready for inclusion in the final digital product.
Often, the design elements generated during this phase can be using in other applications, like for print materials or t-shirts.
Color palettes, fonts, and graphical assets are all defined as part of the outcome of the wireframing phase. Collecting these resources all us to create a digital library of design elements for use in the project.
Next up, is build-out planning.
4. Build-Out Planning
Just like it sounds, in this phase—build-out planning—I document and plan your project’s implementation.
I create a high-level development outline along with detailed feature definitions. From that pool of information, I development milestones and time-frames along with who's expected to do what.
5. Build-Out, Testing, and Refinement
Wireframe and build plan in hand, I translate your design into a functional product.
Development progresses until we reach a stable version that contains all the features we’ve identified as critical or essential. Once we reach a stable version of the product, we can once again bring in folks to do some testing and provide feedback.
From there, we refine the product and prepare it for launch.
We launch your project and celebrate!
The Free-Form Version
I work well with folks who think and create non-linearly. So if you're more of a free-spirit style creator, know that I will meet you out in the creative field.