Process

Process

Process

This process is ideal, but not always typical. Each project has unique needs, so the UX and discovery process is flexible and can (should) adapt as needed.
This process is ideal, but not always typical. Each project has unique needs, so the UX and discovery process is flexible and can (should) adapt as needed.

Planning

Defining goals and objectives

Project goals, user needs, and constraints are identified to lay a solid foundation for success.

White boarding sessions
Definition of success
Problem & solution
Timeline planning

Planning

Defining goals and objectives

Project goals, user needs, and constraints are identified to lay a solid foundation for success.

White boarding sessions
Definition of success
Problem & solution
Timeline planning

Planning

Defining goals and objectives

Project goals, user needs, and constraints are identified to lay a solid foundation for success.

White boarding sessions
Definition of success
Problem & solution
Timeline planning

Alignment

Collaborating for clear direction

Stakeholders are brought in early to make sure there's a unified vision and strategy across the team.

Timeline refinement
Tracking progress
Level setting
Backlog of work

Alignment

Collaborating for clear direction

Stakeholders are brought in early to make sure there's a unified vision and strategy across the team.

Timeline refinement
Tracking progress
Level setting
Backlog of work

Alignment

Collaborating for clear direction

Stakeholders are brought in early to make sure there's a unified vision and strategy across the team.

Timeline refinement
Tracking progress
Level setting
Backlog of work

Validate ideas

Making sure solutions are effective

Ideas are tested early to make sure they meet user needs and align with project goals.

Test with users
Data collection
Data matrix
Synthesis

Validate ideas

Making sure solutions are effective

Ideas are tested early to make sure they meet user needs and align with project goals.

Test with users
Data collection
Data matrix
Synthesis

Validate ideas

Making sure solutions are effective

Ideas are tested early to make sure they meet user needs and align with project goals.

Test with users
Data collection
Data matrix
Synthesis

Create a process

Detailed planning for clarity

User stories and acceptance criteria are established to guide both design and development phases.

User stories
Documentation
Acceptance criteria
Backlog of items

Create a process

Detailed planning for clarity

User stories and acceptance criteria are established to guide both design and development phases.

User stories
Documentation
Acceptance criteria
Backlog of items

Create a process

Detailed planning for clarity

User stories and acceptance criteria are established to guide both design and development phases.

User stories
Documentation
Acceptance criteria
Backlog of items

Map & diagram

Visualizing and organizing ideas

Key features are mapped out and prioritized to focus on delivering maximum value efficiently.

Define timelines
Build priorities
Engineering alignment
Affinity mapping

Map & diagram

Visualizing and organizing ideas

Key features are mapped out and prioritized to focus on delivering maximum value efficiently.

Define timelines
Build priorities
Engineering alignment
Affinity mapping

Map & diagram

Visualizing and organizing ideas

Key features are mapped out and prioritized to focus on delivering maximum value efficiently.

Define timelines
Build priorities
Engineering alignment
Affinity mapping

Research & analysis

Understanding the landscape

Industry trends and competitors are examined to identify opportunities and market gaps.

Usable patterns
Who does it well?
Highlight features
Specific functionality

Research & analysis

Understanding the landscape

Industry trends and competitors are examined to identify opportunities and market gaps.

Usable patterns
Who does it well?
Highlight features
Specific functionality

Research & analysis

Understanding the landscape

Industry trends and competitors are examined to identify opportunities and market gaps.

Usable patterns
Who does it well?
Highlight features
Specific functionality

Build concepts

From ideas to visual structure

Wireframes and prototypes are created to visualize solutions and iterate on concepts.

Low to mid fidelity
Conceptualize
Idea building
Visualizations

Build concepts

From ideas to visual structure

Wireframes and prototypes are created to visualize solutions and iterate on concepts.

Low to mid fidelity
Conceptualize
Idea building
Visualizations

Build concepts

From ideas to visual structure

Wireframes and prototypes are created to visualize solutions and iterate on concepts.

Low to mid fidelity
Conceptualize
Idea building
Visualizations

Test with users

Gaining feedback for refinement

User testing is conducted to ensure designs are intuitive and effective in real-world scenarios.

Pressure test work
Validate or invalidate
Gather feedback
Analytics data

Test with users

Gaining feedback for refinement

User testing is conducted to ensure designs are intuitive and effective in real-world scenarios.

Pressure test work
Validate or invalidate
Gather feedback
Analytics data

Test with users

Gaining feedback for refinement

User testing is conducted to ensure designs are intuitive and effective in real-world scenarios.

Pressure test work
Validate or invalidate
Gather feedback
Analytics data

Work with devs

Bridging design and implementation

Close collaboration with developers ensures accurate translation of designs into a functional product.

Present ideas
Conversation starters
Scope communication
Viability discussions

Work with devs

Bridging design and implementation

Close collaboration with developers ensures accurate translation of designs into a functional product.

Present ideas
Conversation starters
Scope communication
Viability discussions

Work with devs

Bridging design and implementation

Close collaboration with developers ensures accurate translation of designs into a functional product.

Present ideas
Conversation starters
Scope communication
Viability discussions

Refine user interface

Refining visuals for impact

Visual elements are refined to align with the brand and enhance overall user experience.

High polish
Design language
Pixel-for-pixel
Organized & structured

Refine user interface

Refining visuals for impact

Visual elements are refined to align with the brand and enhance overall user experience.

High polish
Design language
Pixel-for-pixel
Organized & structured

Refine user interface

Refining visuals for impact

Visual elements are refined to align with the brand and enhance overall user experience.

High polish
Design language
Pixel-for-pixel
Organized & structured

Build a design system

Building a cohesive framework

Visual elements are refined to align with the brand and enhance overall user experience.

Almost always needed
Build for consistency
Design language
Single source of truth

Build a design system

Building a cohesive framework

Visual elements are refined to align with the brand and enhance overall user experience.

Almost always needed
Build for consistency
Design language
Single source of truth

Build a design system

Building a cohesive framework

Visual elements are refined to align with the brand and enhance overall user experience.

Almost always needed
Build for consistency
Design language
Single source of truth

let's work
together

Carefully hand crafted by John Allen
© 2025 Foalhaus LLC

let's
work

together

Carefully hand crafted by John Allen
© 2025 Foalhaus LLC

let's work
together

Carefully hand crafted by John Allen
© 2025 Foalhaus LLC