My UX/UI Design Process

step 1

Make sure your solving the right problem

The first step towards a successful design is to ensure that we are “solving the right problem.” Therefore, during our initial meeting with stakeholders, we’ll work together to develop a clear and concise problem statement. This collaborative exercise can greatly improve the overall design process. Depending on the client’s level of familiarity, they may have a deep understanding of the problem, be unsure about which problem to tackle, or even have multiple issues to address. A problem statement serves as a vital reference point throughout the milestones and is a crucial tool in achieving our ultimate KPI.

15+

Years of Academic Experience

5+

Leading a Team

Carson Wyndham running a UX design sprint
Carson Wyndham running a UX design sprint

The first step towards a successful design is to ensure that we are “solving the right problem.” Therefore, during our initial meeting with stakeholders, we’ll work together to develop a clear and concise problem statement. This collaborative exercise can greatly improve the overall design process. Depending on the client’s level of familiarity, they may have a deep understanding of the problem, be unsure about which problem to tackle, or even have multiple issues to address. A problem statement serves as a vital reference point throughout the milestones and is a crucial tool in achieving our ultimate KPI.

15+

Years of Academic Experience

5+

Leading a Team

step 1

Make sure your solving the right problem

Carson Wyndham conducting a UX interview

step 2

Empathies… Put yourself in the users shoes

In my Design process, step two is to empathize with the user and comprehend their needs and challenges. To achieve this, it is critical to have a firm grasp of the problem. Subsequently, we develop user personas that reflect the existing and potential users of the website or application. This approach assists in determining how we can enhance the service’s accessibility and attractiveness to a more extensive array of users. Designers can leverage empathy mapping as an effective technique for creating user personas.

175+

Wire Frames

1991

Using Photoshop the year it came out

Carson Wyndham conducting a UX interview

In my Design process, step two is to empathize with the user and comprehend their needs and challenges. To achieve this, it is critical to have a firm grasp of the problem. Subsequently, we develop user personas that reflect the existing and potential users of the website or application. This approach assists in determining how we can enhance the service’s accessibility and attractiveness to a more extensive array of users. Designers can leverage empathy mapping as an effective technique for creating user personas.

175+

Wire Frames

1991

Using Photoshop the year it came out

step 2

Empathies… Put yourself in the users shoes

step 3

Conducting Research

This focuses on the business itself. We scrutinize key competitors to evaluate their offerings and whether they are direct or indirect competitors. To achieve a comprehensive understanding, I prefer to download their applications and explore their services in detail. This method enables us to conduct a thorough competitive analysis, which is crucial for identifying opportunities to improve the user experience for the maximum number of users.

247 Miles

The furthest I have traveled to conduct an interview

478

Live events I have attended or been a part of

Mac Laptop with a notebook on it
Mac Laptop with a notebook on it

This focuses on the business itself. We scrutinize key competitors to evaluate their offerings and whether they are direct or indirect competitors. To achieve a comprehensive understanding, I prefer to download their applications and explore their services in detail. This method enables us to conduct a thorough competitive analysis, which is crucial for identifying opportunities to improve the user experience for the maximum number of users.

247 Miles

The furthest I have traveled to conduct an interview

478

Live events I have attended or been a part of

step 3

Conducting Research

Web designer at her desk

step 4

Compile the research and Extrapolate

After gaining a thorough understanding of the competition, target users, and the problem we aim to solve, I proceed to gather direct user input using a Google form. Creating surveys on Google forms is a skill I have mastered, allowing me to generate surveys quickly. Although I have used services such as Survey Monkey and others, I prefer Google Forms because it is free and a powerful tool if used correctly. The collected data is stored in a Google Sheet, and I use Autocrat to compile the responses and deliver them to my team in a Google Doc, which I can easily share with them.

4

The Number of Kids I have

7

How old I was when I met my wife

Web designer at her desk

After gaining a thorough understanding of the competition, target users, and the problem we aim to solve, I proceed to gather direct user input using a Google form. Creating surveys on Google forms is a skill I have mastered, allowing me to generate surveys quickly. Although I have used services such as Survey Monkey and others, I prefer Google Forms because it is free and a powerful tool if used correctly. The collected data is stored in a Google Sheet, and I use Autocrat to compile the responses and deliver them to my team in a Google Doc, which I can easily share with them..

4

The Number of Kids I have

7

How old I was when I met my wife

step 4

Compile the research and Extrapolate

step 5

conducting follow-up interviews

The subsequent step is to engage in direct communication with users by conducting follow-up interviews to gain a more comprehensive understanding of their survey responses. On occasion, I visit users in their real-world environment to gain valuable insight into what is working well and identify any pain points they may have. In this phase, I have also conducted usability tests on existing or competitor products. For instance, while developing a septic backup alarm that would alert users via text message at OnSmart, I traveled to several locations to interview users.

1

The number of Cats I have

5

Pets I have had

The subsequent step is to engage in direct communication with users by conducting follow-up interviews to gain a more comprehensive understanding of their survey responses. On occasion, I visit users in their real-world environment to gain valuable insight into what is working well and identify any pain points they may have. In this phase, I have also conducted usability tests on existing or competitor products. For instance, while developing a septic backup alarm that would alert users via text message at OnSmart, I traveled to several locations to interview users.

1

The number of Cats I have

5

Pets I have had

step 5

conducting follow-up interviews

Hands at a Macbook computer with an apple watch on

step 6

User Journey Map

Now, I move on to develop and outline the user journey map. I consider what success would look like for our users and whether existing or competitor products have any areas where users drop off or encounter critical errors due to delivery. Once we have gathered sufficient information, my team and I proceed to create the Minimum Viable Product (MVP), which serves as our starting point for the ideation phase of the design process. We engage in a host of ideation techniques using sticky notes, such as brainstorming, brain dumping, SCAMPER, storyboarding, mind mapping, and worst possible idea, among others, to stimulate the team’s creativity.

147

My current Fortnight Level

36

The number of dreamhouses I have built in Minecraft

Hands at a Macbook computer with an apple watch on

Now, I move on to develop and outline the user journey map. I consider what success would look like for our users and whether existing or competitor products have any areas where users drop off or encounter critical errors due to delivery. Once we have gathered sufficient information, my team and I proceed to create the Minimum Viable Product (MVP), which serves as our starting point for the ideation phase of the design process. We engage in a host of ideation techniques using sticky notes, such as brainstorming, brain dumping, SCAMPER, storyboarding, mind mapping, and worst possible idea, among others, to stimulate the team’s creativity.

147

My current Fortnight Level

36

The number of dreamhouses I have built in Minecraft

step 6

User Journey Map

step 7

Sketch the first draft of ideas

Now that I have a multitude of ideas, I can start designing the product. This is where my fine art degree finally comes in handy. I sketch out numerous ideas and iterations of the potential product, and solicit feedback from colleagues around the office or through Discord. I frequently use Discord for this purpose, as I have created a server where I and other designers can share ideas and get feedback. Discord’s private areas enable me to restrict access to information about a product to only a select few invited guests

1

The number of Mavic Drones I have sunk in a rooftop pool

7

The number of Canon Lenses I have 50mm 1.2 – 400mm 2.8

Now that I have a multitude of ideas, I can start designing the product. This is where my fine art degree finally comes in handy. I sketch out numerous ideas and iterations of the potential product, and solicit feedback from colleagues around the office or through Discord. I frequently use Discord for this purpose, as I have created a server where I and other designers can share ideas and get feedback. Discord’s private areas enable me to restrict access to information about a product to only a select few invited guests

1

The number of Mavic Drones I have sunk in a rooftop pool

7

The number of Canon Lenses I have 50mm 1.2 – 400mm 2.8

step 7

Sketch the first draft of ideas

step 8

Wireframing

After completing the sketches and gathering feedback, I move on to building wireframes in Figma. Although I also use Adobe XD, I prefer Figma because it is widely used among designers, making it easier to share designs and receive additional feedback. Additionally, it’s free to download, which makes it accessible to stakeholders without requiring them to have a Creative Cloud account. However, if I’m working on projects that require heavy graphics, animations, and photos, I tend to switch to XD as it integrates better with Illustrator, Photoshop, Premiere, and InDesign.

7

Times I have changed direction in my career

4

Years I spent at University studying music and photography

Wireframes

After completing the sketches and gathering feedback, I move on to building wireframes in Figma. Although I also use Adobe XD, I prefer Figma because it is widely used among designers, making it easier to share designs and receive additional feedback. Additionally, it’s free to download, which makes it accessible to stakeholders without requiring them to have a Creative Cloud account. However, if I’m working on projects that require heavy graphics, animations, and photos, I tend to switch to XD as it integrates better with Illustrator, Photoshop, Premiere, and InDesign.

7

Times I have changed direction in my career

4

Years I spent at University studying music and photography

step 8

Wireframing

step 9

Usability Testing

Now that I have a basic framework, I can begin conducting usability testing with colleagues and through my Discord server. This helps me identify any issues as I move towards high-fidelity designs. I repeat this step multiple times to ensure that I can react to feedback and improve the design. Once I have a fully functional high-fidelity design that includes pictures, animations, and interactions, I move on to the second round of usability testing with real-world users. While it’s helpful to get feedback from colleagues and friends, there’s no substitute for feedback from real-world users. Once I receive their feedback, I can make any necessary adjustments before moving on to the final stages of the design process

0

The number or restaurants I have worked in

9

The number of homes I have owned

Carson Wyndham teaching at a class
Carson Wyndham teaching at a class

Now that I have a basic framework, I can begin conducting usability testing with colleagues and through my Discord server. This helps me identify any issues as I move towards high-fidelity designs. I repeat this step multiple times to ensure that I can react to feedback and improve the design. Once I have a fully functional high-fidelity design that includes pictures, animations, and interactions, I move on to the second round of usability testing with real-world users. While it’s helpful to get feedback from colleagues and friends, there’s no substitute for feedback from real-world users. Once I receive their feedback, I can make any necessary adjustments before moving on to the final stages of the design process

0

The number or restaurants I have worked in

9

The number of homes I have owned

step 9

Usability Testing

step 10

Hand off to the programming team

Handoff to engineering typically marks an exciting stage in the product development process. After conducting multiple rounds of usability testing and perfecting the high-fidelity prototype, it’s time to entrust the engineering team with bringing the product to life. It’s always fulfilling to see the final product come together, whether the engineering team is in-house or located in a different part of the world. Despite the inevitable exhaustion that comes with this phase, working alongside other dedicated professionals to deliver a polished product makes it all worth it..

1

I have been in Transylvania Romania on October 31st

1

The number of times I have considered getting a tattoo in Budapest

Developers designing websites

Handoff to engineering typically marks an exciting stage in the product development process. After conducting multiple rounds of usability testing and perfecting the high-fidelity prototype, it’s time to entrust the engineering team with bringing the product to life. It’s always fulfilling to see the final product come together, whether the engineering team is in-house or located in a different part of the world. Despite the inevitable exhaustion that comes with this phase, working alongside other dedicated professionals to deliver a polished product makes it all worth it.

1

I have been in Transylvania Romania on October 31st

1

The number of times I have considered getting a tattoo in Budapest

step 10

Hand off to the programming team

Fantastic Work

We at Sazon Restaurant had Carson design our new website and it has substantially increased our business. Prior to the new website our restaurant had very minimal take out orders but after integrating ordering and better UX into our new website our business has almost doubled.

★ ★ ★ ★ ★

— Juan Sebastian

Time Saver / Money Maker

As they say, time is money and as a service provider we get many calls for quotes and questions. After Carson designed our new website with better UX including the quoting features, FAQ section and “Fix it Now” service request button has saved us so much time and made us money! ABS Plumbing and Heating

★ ★ ★ ★ ★

Terrance Drake

Head shot of a young blond man with a bag over his shoulder
Head shot of a young blond man with a bag over his shoulder

More Leads than I could handle

After Carson designed my new website the me had to become we because there was so many leads pouring in I had to hire help to deal with all my new clients. I am so thankful that the only problem I had with my website was dealing with all the new clients. Accent Realtors

★ ★ ★ ★ ★

Angela Bradford

Realtor headshot
Realtor headshot

Fantastic Work

We at Sazon Restaurant had Carson design our new website and it has substantially increased our business. Prior to the new website our restaurant had very minimal take out orders but after integrating ordering and better UX into our new website our business has almost doubled.

★ ★ ★ ★ ★

— Juan Sebastian

Time Saver / Money Maker

As they say, time is money and as a service provider we get many calls for quotes and questions. After Carson designed our new website with better UX including the quoting features, FAQ section and “Fix it Now” service request button has saved us so much time and made us money! ABS Plumbing and Heating

★ ★ ★ ★ ★

—Terrance Drake

More Leads than I could handle

After Carson built my new website the me had to become we because there was so many leads pouring in I had to hire help to deal with all my new clients. I am so thankful that the only problem I had with my website was dealing with the new clients. Accent Realtors

★ ★ ★ ★ ★

— Angela Bradford