My Process

For Digital Product Design and Development
(Mobile Apps and Websites)

My process is both fluid and structured. There's time and space for exploration, discovery, and new ideas, and there's time for direct, focused, action toward specific, measurable goals.

From a rough concept or your detailed plan, here’s how I usher your project into a fully functional, highly impactful digital presence.

Goal Setting

First, we start with your goal and your desired time frame for completing your project.

Your goal can simply a short description of your intended outcome. If you already have a detailed plan, that’s great! If you don’t, we 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.

Story Boarding and User Interface Sketches

A highly valuable, low-tech solution for rapid prototyping and testing without a significant investment of resources is pencil and paper.

In a matter of minutes it’s easy to sketch out a website or app concept and the basic flow of interactivity.

I start by drawing and blocking-out design elements like navigation and menu, logo, interactive elements, call to actions, information boxes, and more. Cutting out the elements allows them to be re-arranged easily. Moving things around we can mimic the digital experience and try on different ways of organizing all the elements.

Once a design outline is set, a little tape holds it all together and the design is ready for wire framing.

Wire Framing & Initial Testing

Utilizing software like Adobe XD and Photoshop, a sketched out concept can be quickly tested. For some projects I create videos of interactivity to give you a feel for what your customers will experience.

The wire framing phase is a great opportunity to obtain feedback and refine the project before we get into developing the actual product. We can bring in outside folks to test the design and provide feedback.

The bonus of wire framing is that doing so results in creating many production-ready visual elements. Layouts and design elements can be exported, ready for inclusion in the final digital product, be that an app or a web presence.

Color palettes, fonts, and graphical assets are all defined, creating a digital library of design elements for use in the digital project.

The wire frame effectively becomes a blue print for development.

Build-Out Planning

Just like it sounds, in this phase I document and plan your project’s implementation.

I create a basic development outline and highly detailed feature definitions. From that, I define development milestones and time-frames.

Build-Out, Testing, and Refinement

Wire frame and plan in hand, I translate the 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.

See samples of my work: