1
00:00:00,000 --> 00:00:09,715
[MUSIC]

2
00:00:09,715 --> 00:00:15,512
Hi, I'm Hope Armstrong, and I'm a senior
product designer and teacher at Treehouse.

3
00:00:15,512 --> 00:00:18,048
My pronouns are she/her.

4
00:00:18,048 --> 00:00:22,391
In this practice session,
we'll be creating UX content for

5
00:00:22,391 --> 00:00:25,891
two mattress companies,
Avocado and Sealy.

6
00:00:25,891 --> 00:00:32,065
Avocado makes eco-conscious mattresses
from non-toxic and organic materials.

7
00:00:32,065 --> 00:00:37,448
Their website goes in-depth to describe
the brand's sustainability goals and

8
00:00:37,448 --> 00:00:39,167
environmental impact.

9
00:00:39,167 --> 00:00:41,559
The content is transparent, and

10
00:00:41,559 --> 00:00:46,608
they go to great lengths to describe
the carefully chosen materials.

11
00:00:46,608 --> 00:00:51,541
The blog provides even more environmental
insights for their audience.

12
00:00:51,541 --> 00:00:57,542
Sealy is a conventional mattress company
that has been in business since 1881.

13
00:00:57,542 --> 00:01:02,243
The content emphasizes trust,
affordability, and convenience.

14
00:01:02,243 --> 00:01:05,232
From looking at their
product descriptions,

15
00:01:05,232 --> 00:01:10,145
they're proud of the technical
innovations they've made over the years.

16
00:01:10,145 --> 00:01:14,137
While both of these companies
are in the mattress business,

17
00:01:14,137 --> 00:01:17,435
they have quite different
brand personalities.

18
00:01:17,435 --> 00:01:20,212
For the first part of this practice,
articulate

19
00:01:20,212 --> 00:01:24,969
each company's brand personality using
the template found in the project files.

20
00:01:24,969 --> 00:01:30,774
You will want to browse both companies
websites to get a sense of their style.

21
00:01:30,774 --> 00:01:34,419
Once you have articulated
the brand personalities,

22
00:01:34,419 --> 00:01:38,636
the next phase is to craft the UX
content for a product page.

23
00:01:38,636 --> 00:01:42,508
For Avocado,
you'll be creating a product page for

24
00:01:42,508 --> 00:01:45,588
a new mattress called the Avocado Cloud.

25
00:01:45,588 --> 00:01:46,459
For Sealy,

26
00:01:46,459 --> 00:01:52,394
you'll be doing the same thing except
the product is called the Sealy Infinity.

27
00:01:52,394 --> 00:01:57,187
In the project files,
there is an Adobe XD file for each brand.

28
00:01:57,187 --> 00:02:02,009
I've loaded it with a basic page
layout and various components.

29
00:02:02,009 --> 00:02:05,216
I've also included product details.

30
00:02:05,216 --> 00:02:07,558
Use this as a starting point, and

31
00:02:07,558 --> 00:02:11,582
rework the copywriting to
match the brand personality.

32
00:02:11,582 --> 00:02:15,659
As for the images,
they are from each company's website.

33
00:02:15,659 --> 00:02:20,784
If you'd prefer to use stock photos, there
are resources and the Teacher's Notes.

34
00:02:20,784 --> 00:02:25,118
Since the companies use fonts
that are not available for free,

35
00:02:25,118 --> 00:02:30,459
I'm simply using Verdana because it's
pre-installed on many computers.

36
00:02:30,459 --> 00:02:33,418
Feel free to change
the font if you'd like.

37
00:02:33,418 --> 00:02:37,753
This template will help you quickly
work within the brand style

38
00:02:37,753 --> 00:02:40,140
while focusing on the UX content.

39
00:02:40,140 --> 00:02:43,822
Create descriptive,
helpful, inspirational, and

40
00:02:43,822 --> 00:02:48,313
transparent content that aligns
with the brand's personality.

41
00:02:48,313 --> 00:02:53,421
It can be purely text or it can
include images, interactive elements,

42
00:02:53,421 --> 00:02:57,521
and any other ideas you have
to show off the new mattress.

43
00:02:57,521 --> 00:03:03,680
As a bonus, if you'd like to complete
another page, try creating a contact page.

44
00:03:03,680 --> 00:03:06,670
I included a contact page
with example text, so

45
00:03:06,670 --> 00:03:08,847
you can use it as a starting point.

46
00:03:08,847 --> 00:03:14,745
If you can't complete both pages,
no worries, just do the product page.

47
00:03:14,745 --> 00:03:19,241
As a reminder, these mockups are for
practice purposes only.

48
00:03:19,241 --> 00:03:23,143
The images and branding are property
of the companies mentioned.

49
00:03:23,143 --> 00:03:26,742
So don't include these
mockups in your portfolio.

50
00:03:26,742 --> 00:03:30,325
All right, that covers the project,
have fun with it, and

51
00:03:30,325 --> 00:03:33,056
I'll catch up with you
when you have finished.