Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Preview
Start a free Courses trial
to watch this video
Explore how we can utilize ChatGPT to assist in generating our design brief, from project details to user personas.
Treehouse Content
Tools used in this course:
Project files:
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upRelated Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
[MUSIC]
0:00
Hello everyone, my name is Daniel,
I'm a content producer here at treehouse.
0:09
In this video I wanna take you along for
0:13
my design process using generative AI
to help complete a web design project.
0:15
This video is a follow-up to AI Tools for
Designers,
0:20
a video where I introduce the tools
you'll see me leverage today.
0:23
That video will be linked in the teacher's
notes below if you would like to
0:27
check it out, but with that said,
let's go ahead and get started.
0:30
We're gonna begin this project in ChatGPT.
0:34
I wanna start off by saying I haven't
pre-work any of this beforehand,
0:36
everything I'll be doing
is in the moment as we go.
0:40
So we could get some wacky or
off responses from these AI tools, but
0:43
that's just all part of the process.
0:47
But together and with a few iterations,
0:49
we're gonna come up with this
entire project together.
0:51
So to get started, not only will I have
ChatGPT help us come up with our design
0:54
direction, but I'll also use it
to plan our project in general.
0:58
So in ChatGPT we'll start
with our first prompt.
1:01
So let's us create a project brief,
I will be building a website designed for
1:06
a client who owns a bakery.
1:11
I will be designing the homepage, I would
like to brief to include a name for
1:12
the client and their business brand.
1:16
A goal that the business has in mind,
a short user persona for their customer,
1:19
and a short user persona on the client.
1:24
Let's submit that and
see what ChatGPT comes up with.
1:26
Okay, while it's generating
everything we ask for,
1:36
let's start off by reviewing
the business goal for our client.
1:38
So our client's goal is to establish
an online presence that showcases
1:42
Bella's Artisan Bakes unique offering
of handcrafted pastries and bread.
1:45
Thereby driving foot traffic
to the physical store and
1:50
increasing online orders by 20% in the
next six months, this is a solid start for
1:53
sure, but let's check out
the rest of our generated brief.
1:58
Here we have a user persona for
a customer at our client's business.
2:02
The persona is for Sarah Jenkins,
a 28 year old marketing executive.
2:05
Sarah is a food enthusiast who
values quality ingredients and
2:10
the authentic homemade taste.
2:13
While she is tech savvy and prefers to
research eateries online before visiting,
2:15
she appreciates the traditional
feel of a local bakery.
2:19
She often entertains friends and
family at her home and
2:22
is constantly in search of the best
pastries to serve to her guests.
2:25
And Sarah's goals are, find a reliable
bakery that offers unique and
2:29
delicious items,
easily browse through a menu online.
2:34
Understand the story or
uniqueness of the bakery.
2:38
Next, we have the user persona for
our client, Isabella Thompson,
2:41
who is 45 and the owner and
head baker at Bella's Artisan Bakes.
2:45
Isabella is passionate
about the art of baking and
2:49
has been perfecting her skills for
over two decades.
2:52
Having established her bakery five years
ago, she's proud of her loyal customer
2:55
base, but recognizes the need for an
online presence to reach a wider audience.
2:59
Though not overly tech savvy,
3:04
she believes in the importance of
adapting to modern business strategies.
3:06
And the goals she has for
this project are as follows,
3:09
showcase her bakery specialties and
entice potential customers,
3:12
share the story of how
Bella's Artisan Bakes came to be.
3:16
Make the website easy to navigate for her
customers, ensuring they can quickly find
3:19
essential information like the menu,
store location, and hours of operation.
3:24
Okay, excellent, this is a great start
to better understanding our project.
3:29
I feel like we got a really useful
persona for our client, but
3:34
we could create something better for
our client's customer.
3:36
So let's regenerate that persona
again using this prompt.
3:40
Rewrite the user persona for
our client's customer.
3:43
Include a need or reason to purchase from
a bakery, upcoming wedding, birthday,
3:47
or other personal event of significance.
3:51
Include reasons why they want to find
an artisan baker as opposed to getting
3:53
something quick from a chain retailer.
3:57
Remember to include their needs/wants,
frustrations, beliefs, etc.
3:59
Okay, perfect, ChatGPT is working hard
to create a new version of the user
4:16
persona for Sarah Jenkins.
4:21
The description says Sarah is a discerning
food enthusiast who values quality,
4:23
authenticity, and presentation.
4:28
She is in the midst of planning her
mother's 50th birthday party and
4:30
wants it to be a truly memorable event.
4:33
For Sarah, the little details matter, and
this includes the choice of pastries and
4:35
bread for the celebration.
4:40
Having been disappointed by chain
retailers in the past due to
4:41
their lack of uniqueness and
mass-produced taste,
4:44
she's on the hunt for an artisan bakery
that can meet her high standards.
4:47
Her goals include discover a bakery
that can deliver custom and
4:51
high-quality baked goods tailored for
her mother's 50th birthday celebration.
4:55
Find a bakery with a genuine story and
passion behind their offerings.
5:00
Have a clear understanding of the menu
potential for customization and pricing.
5:04
We also have some of her frustrations,
5:09
such as chain retailers often lack
the unique touch and flavor she desires.
5:11
And beliefs,
like authentic hand-crafted food items,
5:15
add a special touch to any event.
5:18
Now that we have generated a small brief
to provide insights for our project,
5:25
I will head over to Google Docs to
paste all of this information there.
5:29
This step isn't necessary, however, it
helps me keep all of our insights in one
5:32
central location, making them
easier to find and reference later.
5:36
Furthermore, you can paste your
insights from ChatGPT in a Word doc,
5:41
Google Doc, or even a notion, or Coda Doc.
5:45
Anything works here and it's best
not to get too hung up on this part.
5:48
Next, I'm gonna add some of my own simple
textiles to create more hierarchy within
5:57
our document.
6:02
Again, this isn't required,
it just helps me stay more organized.
6:03
With that said, I'm gonna take a quick
moment to get everything pasted into my
6:08
doc and style to my liking.
6:11
I'll be right back with my
finished results, perfect.
6:13
My document is well organized and
easy to reference now.
6:17
It includes the user persona for
our client and their target customer,
6:20
as well as the business's
goals regarding this project.
6:24
I think we're ready to jump into Relume's
AI site builder to generate our site maps
6:27
for our project, I'll see you there.
6:31
You need to sign up for Treehouse in order to download course files.
Sign upYou need to sign up for Treehouse in order to set up Workspace
Sign up