re:Bloom Design Process

Empathize — Week 1

Goal: Come to shared understanding with your client

Look at your client’s peers:

• What do they do well?
• What content do they put on their web pages?

Focus Questions: Who are Youtube’s customer? What are Youtube’s competitors like?

Define — Week 2

Goal: Have a clear vision of an ending state for your website

Look into the user flow:

• How does the user navigate from point A to point B?
• What are different ways can users get there?
• Create a site map, a customer journey map

Focus Questions: On the H&M website, how can a user purchase an item? What if the user changes their mind?

Ideate — Weeks 2-3

Goal: Lay out content

Focus on content:

• What content goes on each page of your site map?
• What are the assets you will need?
• Make sure to factor in branding as your brainstorm content
• Create a design guide

Prototype — Weeks 3-4

Goal: Draft up a wireframe for your solution

Jargon: What is a wireframe? What is “lo-fi”?

Look into the user flow:

• How does the user navigate from point A to point B?
• What are different ways can users get there?
• Create a site map, a customer journey map

Focus Questions: On the H&M website, how can a user purchase an item? What if the user changes their mind?

Final Draft — Weeks 4-5

Goal: Create a finalized wireframe to show clients and get final approval

Jargon: What is “mid-fi”? What is “hi-fi”?

As you create your final draft:

• Consider the user flow
• Feedback you received
• The platform you will be using

Focus Questions: “Mid-fi” or “hi-fi” and when to use it?

User Testing — ~Week 5

Goal: Get user feedback before you implement.

How do we user test?

• Around week 5
• Get 5-10 users (the more the better) to test
• Let users walk through the design
• Talk less, listen more

Focus Questions: What are ways we go about user testing? How do we approach user testing?

Scenario

Client A has reached out for us to build a website. She provides us with the following information:

• Her mission statement is sustainable clothing.
• Her product is selling backpacks made from recycled materials.
• Her current logo is blue and orange.

Using steps 1-3, create the first fold of her website. Be ready to share!

‍