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
Video Player
00:00
00:00
00:00
- 2x 2x
- 1.75x 1.75x
- 1.5x 1.5x
- 1.25x 1.25x
- 1.1x 1.1x
- 1x 1x
- 0.75x 0.75x
- 0.5x 0.5x
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