HP Tribe -Process

KTG Nico Ramirez / Nish Gupta / Matt Lee / Ophelia Chiu Confidential Property

KTG Nico Ramirez / Nish Gupta / Matt Lee / Ophelia Chiu Confidential Property

KTG Nico Ramirez / Nish Gupta / Matt Lee / Ophelia Chiu Confidential Property

KTG Nico Ramirez / Nish Gupta / Matt Lee / Ophelia Chiu Confidential Property

KTG Nico Ramirez / Nish Gupta / Matt Lee / Ophelia Chiu Confidential Property

KTG Nico Ramirez / Nish Gupta / Matt Lee / Ophelia Chiu Confidential Property

Color Palette Typeface Iconography
Grid System
R 81 Akkurat ABCDEFGHIJKLMNOPQRSTUVWXYZ
G 197 Light Confidential Property
B 208
#51C5D0 abcdefghijklmnopqrstuvwxyz

1234567890

#FFC44B R 254 Akkurat ABCDEFGHIJKLMNOPQRSTUVWXYZ
G 195 Regular
B 76
abcdefghijklmnopqrstuvwxyz
1234567890

#FF4F4F R 255 Akkurat ABCDEFGHIJKLMNOPQRSTUVWXYZ
G 80 Bold
B 80

abcdefghijklmnopqrstuvwxyz
1234567890

#D1D2D4 R 209
G 211
B 212

Image Treatment

#FFFFFF R0 R0 Type
G0 G0
B0 B0
A 70

KTG Nico Ramirez / Nish Gupta / Matt Lee / Ophelia Chiu

Week 11 Confidential Property

KTG Nico Ramirez / Nish Gupta / Matt Lee / Ophelia Chiu

Why

Devices currently interrupt the way we
interact and connect with people.

KTG Nico Ramirez / Nish Gupta / Matt Lee / Ophelia Chiu Confidential Property

KKTTGG Nico Ramirez / Nish Gupta / Matt Lee / Ophelia Chiu Confidential Property

Why HP

Tribe opens up the opportunity to combine the digital
native nature of gen-z to how we traditionally connect.
A leap in naturalizing interactions and breaking free
from the screen.

KTG Nico Ramirez / Nish Gupta / Matt Lee / Ophelia Chiu Confidential Property

KKTTGG Nico Ramirez / Nish Gupta / Matt Lee / Ophelia Chiu Confidential Property

Insights

1. Contact exchanges with digital devices are awkward
and interrupt the flow of conversations
2. Because of busy schedules and fast pace lives, we
forget to follow through with verbal commitments
3. Gen z expresses themselves more digitally

KTG Nico Ramirez / Nish Gupta / Matt Lee / Ophelia Chiu Confidential Property

Opportunities

1. Streamlining traditional human interactions, like
handshakes and fist bumps, to exchange contacts
2. Introducing AI to hold yourself accountable to your
verbal commitments
3. Introducing digital culture into the physical world

KTG Nico Ramirez / Nish Gupta / Matt Lee / Ophelia Chiu Confidential Property

Who

The gen z’er of 2021 – 2022: A junior or freshman in
college who is in the transitional stage of life where
keeping up with connections will pave a good future
from a career scope to social and even personal.

KTG Nico Ramirez / Nish Gupta / Matt Lee / Ophelia Chiu Confidential Property

Master Copies

KTG Nico Ramirez / Nish Gupta / Matt Lee / Ophelia Chiu Confidential Property

KTG Nico Ramirez / Nish Gupta / Matt Lee / Ophelia Chiu Confidential Property

MINIMAL FASHION TREND

typeface line weights
Source Sans
Pro Light ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
Source Sans 1234567890
Pro Regular ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
Source Sans 1234567890
Pro Bold ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890 color palette R: 255 R: 237
G: 255 G: 231
iconography image treatment R: 74 B: 255 B: 119
G: 75
B: 70

Iconography is usually Images usually contain R: 215 R: 207
light in line weight and very light and neutral G: 183 G: 201
contain very few lines colors such as beige B: 134 B: 201

KTG Nico Ramirez / Nish Gupta / Matt Lee / Ophelia Chiu Confidential Property

KTG Nico Ramirez / Nish Gupta / Matt Lee / Ophelia Chiu Confidential Property

KTG Nico Ramirez / Nish Gupta / Matt Lee / Ophelia Chiu Confidential Property

KTG Nico Ramirez / Nish Gupta / Matt Lee / Ophelia Chiu Confidential Property

The typography is all done Colors are highly saturated
by hand and contain no and are usually paired with
straight lines. the same shade or tone.

R: 0 R: 255 R: 254 R: 255 R: 252 R: 138 R: 21 R: 210
G: 0 G: 255 G: 133 G: 156 G: 236 G: 218 G: 189 G: 128
B: 0 B: 255 B: 200 B: 79 B: 39 B: 78 B: 222 B: 230

Image Treatment
Images are always colorful
and carefully paired. Each
image will almost always
contain black or white.

Images with a highlighted
color focus only on the
different shades.

Products Confidential Property
Products are bold and
vibrant and always set in
context within a photo.

KTG Nico Ramirez / Nish Gupta / Matt Lee / Ophelia Chiu

KTG Nico Ramirez / Nish Gupta / Matt Lee / Ophelia Chiu Confidential Property

KTG Nico Ramirez / Nish Gupta / Matt Lee / Ophelia Chiu Confidential Property

Style Guide Confidential Property
KTG Nico Ramirez / Nish Gupta / Matt Lee / Ophelia Chiu

Jewelry Style Research Confidential Property

Minimalistic Designs with Accents

/* End of section: Jewelry Style Research */
KTG Nico Ramirez / Nish Gupta / Matt Lee / Ophelia Chiu

Acne Studios Typography & Colors MAN HIGHLIGHT
HEX HEX
Acne Studios Circle #54B6EB #EEEDED

AD WOMAN
HEX HEX
#0600FF #929FA8

Helvetica Neue WHITE
HEX
#FFFFFF

ABCDEFGHIJKLMN
OPQRSTUVWXYZ
abcdefghijklmnopqrs ACCENT

HEX
#000000

t u v w x y z &12 3 4 5 678 9 0

/* End of section: Typography */ /* End of section: Colors */
KTG Nico Ramirez / Nish Gupta / Matt Lee / Ophelia Chiu
Confidential Property

Elements Grid System 4 Column Grid System

Input Box Menu Selection
H: 45px

Sign Up

Big Button
H: 45px

Bullet Point

S

Selection Button - Not Selected
W: 154px
H: 45px

S

Selection Button - Selected
W: 154px
H: 45px

Progress Bar /* End of section: Grid System */
/* End of section: Elements */
KTG Nico Ramirez / Nish Gupta / Matt Lee / Ophelia Chiu Confidential Property

Application 0.2 mi 0.2 mi
B
Title Title Title E B
N E
KTG Nico Ramirez / Nish Gupta / Matt Lee / Ophelia Chiu N
NO
YES
R
E ADD
M BEN?
I
N NO
D YES

YES B
E
0.2 mi N

B NO
E
N Confidential Property

Icon Sketches

KTG Nico Ramirez / Nish Gupta / Matt Lee / Ophelia Chiu Confidential Property

KTG Nico Ramirez / Nish Gupta / Matt Lee / Ophelia Chiu Confidential Property

KTG Nico Ramirez / Nish Gupta / Matt Lee / Ophelia Chiu Confidential Property

KTG Nico Ramirez / Nish Gupta / Matt Lee / Ophelia Chiu Confidential Property

KTG Nico Ramirez / Nish Gupta / Matt Lee / Ophelia Chiu Confidential Property

Styleguide Confidential Property

KTG Nico Ramirez / Nish Gupta / Matt Lee / Ophelia Chiu

Accessible Fused Instinctual

KTG Nico Ramirez / Nish Gupta / Matt Lee / Ophelia Chiu Confidential Property

Color Palette Typeface Iconography

Akkurat ABCDEFGHIJKLMNOPQRSTUVWXYZ
Light

#D1D2D4 R 209 abcdefghijklmnopqrstuvwxyz
G 211
B 212 1234567890

#FFFFFF R 255 Akkurat ABCDEFGHIJKLMNOPQRSTUVWXYZ
G 255 Regular
B 255
abcdefghijklmnopqrstuvwxyz
1234567890

#FFFFFF R0 Akkurat ABCDEFGHIJKLMNOPQRSTUVWXYZ
G0 Bold
B0
abcdefghijklmnopqrstuvwxyz
1234567890

KTG Nico Ramirez / Nish Gupta / Matt Lee / Ophelia Chiu Confidential Property

Storyboard

A storyboard showcasing the interactions Matt, the
new HP intern, has on his new adventure.

KTG Nico Ramirez / Nish Gupta / Matt Lee / Ophelia Chiu Confidential Property

Matt lands in SFO He arrives at HP on his first day

KTG Nico Ramirez / Nish Gupta / Matt Lee / Ophelia Chiu Confidential Property
KTG Nico Ramirez / Nish Gupta / Matt Lee / Ophelia Chiu Confidential Property

“Hi Matt! Congrats
on the internship.
I’ll be your point of
contact for the rest

of your stay.”

matt walks towards lobby matt

KTG Nico Ramirez / Nish Gupta / Matt Lee / Ophelia Chiu Confidential Property
KTG Nico Ramirez / Nish Gupta / Matt Lee / Ophelia Chiu Confidential Property

BZZZ

BZZZ

Halo vibrates and displays a + sign to show A contact stored icon appears on each individuals
contact has been added for review later beacon.

KTG Nico Ramirez / Nish Gupta / Matt Lee / Ophelia Chiu Confidential Property
KTG Nico Ramirez / Nish Gupta / Matt Lee / Ophelia Chiu Confidential Property

5 seconds 5 seconds

Icon displayed for 5 second for the user to see. Icon displayed for 5 second for the user to see.

KTG Nico Ramirez / Nish Gupta / Matt Lee / Ophelia Chiu Confidential Property
KTG Nico Ramirez / Nish Gupta / Matt Lee / Ophelia Chiu Confidential Property

TAP1

TAP2

Matt taps ring twice to confirm saving his A sync icon is displayed showing contact is being
recruiters contact information to be synced with stored for later review.

his personal devices and heads out.

KTG Nico Ramirez / Nish Gupta / Matt Lee / Ophelia Chiu Confidential Property
KTG Nico Ramirez / Nish Gupta / Matt Lee / Ophelia Chiu Confidential Property

“You have the rest “ Sweet! I’m gonna
of the day off to go scope it out!”
explore campus!”

Jessica tells Matt to feel free and explore campus Matt is happy about the new adventure

KTG Nico Ramirez / Nish Gupta / Matt Lee / Ophelia Chiu Confidential Property
KTG Nico Ramirez / Nish Gupta / Matt Lee / Ophelia Chiu Confidential Property

“ I hope there’s
rad people in
this internship ”

Matt explores campus hoping to find new people He notices a new person by the vending machines
to interact with. displaying an interesting badge on his beacon.

KTG Nico Ramirez / Nish Gupta / Matt Lee / Ophelia Chiu Confidential Property
KTG Nico Ramirez / Nish Gupta / Matt Lee / Ophelia Chiu Confidential Property

“ Is that a
Radiohead badge!?
Where’d you get it!?”

He comes a bit closer and notices it’s a Radiohead Radiohead is Matt’s favorite band, he gets excited
badge!! and asks Ben about it.

KTG Nico Ramirez / Nish Gupta / Matt Lee / Ophelia Chiu Confidential Property
KTG Nico Ramirez / Nish Gupta / Matt Lee / Ophelia Chiu Confidential Property

“Oh, they’re playing “What?! They’re my
a concert here next favorite band!”

weekend and the
badge came with

the tickets .”

Ben is stoked and tells him all about it. Matt is excited about the news

KTG Nico Ramirez / Nish Gupta / Matt Lee / Ophelia Chiu Confidential Property
KTG Nico Ramirez / Nish Gupta / Matt Lee / Ophelia Chiu Confidential Property

“They’re my favorite “Hell yeah I’m
band too! I know interested! When
someone who is should I let you
selling his ticket if
know?”
you’re interested?”

Ben is excited about Matt loving Radiohead. Matt’s even more excited!

KTG Nico Ramirez / Nish Gupta / Matt Lee / Ophelia Chiu Confidential Property
KTG Nico Ramirez / Nish Gupta / Matt Lee / Ophelia Chiu Confidential Property

“Let me know by “ Let me know by
this weekend. this weekend ”

My name is Ben, by
the way.”

Ben is stoked and tells him all about it. Matt’s beacon detects the verbal call to action
from Ben “let me know by this weekend”
KTG Nico Ramirez / Nish Gupta / Matt Lee / Ophelia Chiu
KTG Nico Ramirez / Nish Gupta / Matt Lee / Ophelia Chiu Confidential Property
Confidential Property

BZZZ

BZZZ

Halo vibrates and displays a + sign to show A contact stored icon appears on each individuals
contact has been added for review later beacon.

KTG Nico Ramirez / Nish Gupta / Matt Lee / Ophelia Chiu Confidential Property
KTG Nico Ramirez / Nish Gupta / Matt Lee / Ophelia Chiu Confidential Property