Mark John — The Works by Mark John Mangayayam

TITLE HER E

I S S U E O NE

M A R K J O HN M A N G AYAYA M

TITLE HER E

I S S U E O NE

M A R K J O HN M A N G AYAYA M

ISSUE ONE: THE WORKS 2013â&#x20AC;&#x201C;2017

Mark John Mangayayam

C O P Y R I G H T Â© 2 0 17 M A R K J O H N M A N G AYAYA M A l l r i g h t s r e s e r ve d . T h i s b o o k o r a ny p o r t i o n t h e r e o f m ay n o t b e r e p r o d u c e d o r u s e d i n a ny m a n n e r w h a t s o e ve r w i t h o u t t h e ex p r e s s w r i t t e n p e r m i s s i o n o f t h e p u b l i s h e r.

M a r k J o h n M a n g ayaya m +1 (8 0 8) 2 2 0 - 8 9 4 9 aloha@itsmarkjohn.com w w w. i t s m a r k j o h n . c o m

Ti Pamiliyak

I S S U E O NE

M A R K J O HN M A N G AYAYA M

â&#x2020;&#x2019;

Have No Chill

INTR O D U CTI O N

Virgil Abloh once said, "have no chill" during a lecture talking about his outlook on design. When he talks about this, he explains how he doesn't see it as a singular thing. but the umbrella of many things. Personally, I see design the same way. My perspective of design doesn't come from a single subject, but a combination of multiple subjects. It's something that you could see on the street, as a building, within a store, or on a screen. Design is everywhere and it can be found wherever you choose to look. My goal with this book is to show my outlook on design and how that has made me the person I am today. I invite you to take this journey of my college career through a series of work that I've made.

I S S U E O NE

â&#x2020;&#x2019;

M A R K J O HN M A N G AYAYA M

Table of Contents

TA B LE O F C O NTENTS

ONE

Colors: Art + Music Festival

06–33

TWO

Men’s Warhouse

34–63

THREE

Eye Candy

63–91

FOUR

Local Brewing Company

92–119

FIVE

Shinola

120–137

SIX

Film Photography

138–167

SEVEN

Hint

168–193

EIGHT

Everlane

194–215

EXTRA

Random Work

216–223

I S S U E O NE

M A R K J O HN M A N G AYAYA M

â&#x2020;&#x2019;

Project One

PR OJ ECT 01

Colors: Art + Music Festival Letâ&#x20AC;&#x2122;s color the world with awareness.

Type

Conceptual Course

Visual Systems 1 Instructor

Troy Alders Semester

Fall 2016

C O LO R S: A R T + M U S I C FESTIVA L

I S S U E O NE

M A R K J O HN M A N G AYAYA M

â&#x2020;&#x2019;

Background Colors: Art + Music Festival is an annual event that creates a conversation about global pollution. This festival is made up of live perfomances, community murals, and interactive installations sharing a single message. Together we are able to make a difference in our community.

â&#x2020;&#x2019;

Approach To share this bold message, an identity was made in the spirit of communication. This music festival is meant to be a place for open conversation on an important topic. Speaking directly to the name, a colorful palatte was created throughout the whole brand system. Bright and enticing colors are used to spark insight to this music festival. A pattern that mimics our polluted waters is made to show an alternate way to see this problem.

PR OJ ECT 01

C O LO R S: A R T + M U S I C FESTIVA L

I S S U E O NE

M A R K J O HN M A N G AYAYA M

→

Typeface— Relative

Foundry— Colophon

→

PR OJ ECT 01

Attributes— Fun, Powerful, Vivid

Category— Festival Identity

C O LO R S: A R T + M U S I C FESTIVA L

I S S U E O NE

M A R K J O HN M A N G AYAYA M

→

Brand System

→

01 — Pantone 7424

05 — Pantone 299

02 — Pantone 266

06 — Pantone 604

03 — Pantone 163

07 — White

04 — Pantone 360

08 — Pattern

Typography Typeface — Relative Foundry — Colophon

Regular

Bold

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm

Nn Oo Pp QqRr Ss Tt Uu Vv Ww X x Yy Zz

0123456789 <!@#$%^&*>

PR OJ ECT 01

C O LO R S: A R T + M U S I C FESTIVA L

I S S U E O NE

M A R K J O HN M A N G AYAYA M

â&#x2020;&#x2019;

PR OJ ECT 01

Important facts are shown on each poster to create awareness on global pollution.

C O LO R S: A R T + M U S I C FESTIVA L

I S S U E O NE

M A R K J O HN M A N G AYAYA M

PR OJ ECT 01

C O LO R S: A R T + M U S I C FESTIVA L

I S S U E O NE

M A R K J O HN M A N G AYAYA M

PR OJ ECT 01

C O LO R S: A R T + M U S I C FESTIVA L

I S S U E O NE

M A R K J O HN M A N G AYAYA M

PR OJ ECT 01

C O LO R S: A R T + M U S I C FESTIVA L

I S S U E O NE

M A R K J O HN M A N G AYAYA M

PR OJ ECT 01

C O LO R S: A R T + M U S I C FESTIVA L

I S S U E O NE

M A R K J O HN M A N G AYAYA M

PR OJ ECT 01

C O LO R S: A R T + M U S I C FESTIVA L

I S S U E O NE

M A R K J O HN M A N G AYAYA M

â&#x2020;&#x2019;

Tickets are organized by color for each day of the event.

PR OJ ECT 01

C O LO R S: A R T + M U S I C FESTIVA L

I S S U E O NE

M A R K J O HN M A N G AYAYA M

PR OJ ECT 01

C O LO R S: A R T + M U S I C FESTIVA L

I S S U E O NE

M A R K J O HN M A N G AYAYA M

PR OJ ECT 01

C O LO R S: A R T + M U S I C FESTIVA L

I S S U E O NE

M A R K J O HN M A N G AYAYA M

PR OJ ECT 01

C O LO R S: A R T + M U S I C FESTIVA L

I S S U E O NE

M A R K J O HN M A N G AYAYA M

â&#x2020;&#x2019;

Project Two

PR OJ ECT 0 2

Men’s Warehouse You are going to like the way you look. I guarantee it.

Type

Conceptual Course

Branding Identity 2 Instructor

Thomas McNulty Semester

Summer 2016

MEN ’ S WA R EH O U S E

I S S U E O NE

M A R K J O HN M A N G AYAYA M

â&#x2020;&#x2019;

Background Men's Warehouse is built to satisfy their customers with tailored suits and world class service. For over 40 years, the motto has not changed, "you are going to like the way you look". All their stores have a professional that has access to the finest materials and equipment for that custom tailored look.

â&#x2020;&#x2019;

Approach Moving forward, the rebrand is created as a bolder approach to keep up with their competitors. There are many brands that are taking a smiliar approach that Men's Warehouse has done for many years. The difference is that those other brands are approaching the younger audience, the millenials. This rebrand is made to bring in that millenial demographic, but keep the sophisticated customers they currently have.

PR OJ ECT 0 2

MEN â&#x20AC;&#x2122; S WA R EH O U S E

I S S U E O NE

M A R K J O HN M A N G AYAYA M

→

Typeface— Akzidenz Grotesk

Foundry— Berthold

→

PR OJ ECT 0 2

Attributes— Bold, Modern, Refined

Category— Fashion Identity

MEN ’ S WA R EH O U S E

I S S U E O NE

M A R K J O HN M A N G AYAYA M

→

Brand System

01 — Pantone 2965 02 — Pantone 7527 03 — White 04 — Photography Style

→

Typography Typeface — Akzidenz Grotesk Foundry — Berthold

Book

Medium Extended

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm

Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Nn Oo Pp QqRr Ss Tt Uu Vv Ww X x Yy Zz

0123456789 <!@#$%^&*>

0123456789 < ! @# $ %^&* >

PR OJ ECT 0 2

MEN â&#x20AC;&#x2122; S WA R EH O U S E

I S S U E O NE

M A R K J O HN M A N G AYAYA M

PR OJ ECT 0 2

MEN â&#x20AC;&#x2122; S WA R EH O U S E

I S S U E O NE

M A R K J O HN M A N G AYAYA M

→

PR OJ ECT 0 2

Every store offers enough room for custom measurements on location.

MEN ’ S WA R EH O U S E

I S S U E O NE

M A R K J O HN M A N G AYAYA M

â&#x2020;&#x2019;

Shot with strong contrast for detail and texture.

PR OJ ECT 0 2

MEN â&#x20AC;&#x2122; S WA R EH O U S E

I S S U E O NE

M A R K J O HN M A N G AYAYA M

→

PR OJ ECT 0 2

Public ads show bold statements that describe the company.

MEN ’ S WA R EH O U S E

I S S U E O NE

M A R K J O HN M A N G AYAYA M

PR OJ ECT 0 2

MEN â&#x20AC;&#x2122; S WA R EH O U S E

I S S U E O NE

M A R K J O HN M A N G AYAYA M

PR OJ ECT 0 2

MEN â&#x20AC;&#x2122; S WA R EH O U S E

I S S U E O NE

M A R K J O HN M A N G AYAYA M

PR OJ ECT 0 2

MEN â&#x20AC;&#x2122; S WA R EH O U S E

I S S U E O NE

M A R K J O HN M A N G AYAYA M

PR OJ ECT 0 2

MEN â&#x20AC;&#x2122; S WA R EH O U S E

I S S U E O NE

M A R K J O HN M A N G AYAYA M

PR OJ ECT 0 2

MEN â&#x20AC;&#x2122; S WA R EH O U S E

I S S U E O NE

M A R K J O HN M A N G AYAYA M

PR OJ ECT 0 2

MEN â&#x20AC;&#x2122; S WA R EH O U S E

I S S U E O NE

M A R K J O HN M A N G AYAYA M

PR OJ ECT 0 2

MEN â&#x20AC;&#x2122; S WA R EH O U S E

I S S U E O NE

M A R K J O HN M A N G AYAYA M

â&#x2020;&#x2019;

Project Three

PR OJ ECT 0 3

Eye Candy

For your visual pleasure.

Type

Team

Personal Project

Jay Jeon Mark John Mangayayam

Course

N/a Instructor

N/a Semester

Summer 2016

E Y E CA NDY

I S S U E O NE

M A R K J O HN M A N G AYAYA M

â&#x2020;&#x2019;

Background Eye Candy is a gallery and bookstore that is curated for your visual pleasure. It is built as a space to collobrate with designers, artists, photographers, and creatives alike. Limited edition products could be found here that are made from many artists in different industires.

â&#x2020;&#x2019;

Approach Our goal was to present aesthetically pleasing design through the concept of "Eye Candy". Expressed figuratively and literally, the brand system features printed collateral that uses vivid colors and alluring imagery.

PR OJ ECT 0 3

E Y E CA NDY

I S S U E O NE

M A R K J O HN M A N G AYAYA M

→

Typeface— AT Osmose

Foundry— Adele Type

→

PR OJ ECT 0 3

Attributes— Vivid, Inspirational, Progressive

Category— Gallery & Bookstore Identity

E Y E CA NDY

I S S U E O NE

M A R K J O HN M A N G AYAYA M

→

Brand System

01 — Pantone 3965

04 — Photograhy Style

02 — Pantone 361

05 — Pattern

03 — Pantone Rhodamine Red

→

Typography Typeface — AT Osmose

Typeface — Helvetica LT Std

Foundry — Adele Type

Foundry — Linotype

Light

Bold Extended

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm

Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww X x Yy Zz

0123456789 <!@#$%^&*>

Medium Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 0123456789 <!@#$%^&*>

PR OJ ECT 0 3

E Y E CA NDY

I S S U E O NE

M A R K J O HN M A N G AYAYA M

PR OJ ECT 0 3

E Y E CA NDY

I S S U E O NE

M A R K J O HN M A N G AYAYA M

PR OJ ECT 0 3

E Y E CA NDY

I S S U E O NE

M A R K J O HN M A N G AYAYA M

PR OJ ECT 0 3

E Y E CA NDY

I S S U E O NE

M A R K J O HN M A N G AYAYA M

â&#x2020;&#x2019;

PR OJ ECT 0 3

The store stationary system based on three colors: green, yellow and magenta.

E Y E CA NDY

I S S U E O NE

M A R K J O HN M A N G AYAYA M

PR OJ ECT 0 3

E Y E CA NDY

I S S U E O NE

M A R K J O HN M A N G AYAYA M

PR OJ ECT 0 3

E Y E CA NDY

I S S U E O NE

M A R K J O HN M A N G AYAYA M

â&#x2020;&#x2019;

Photography consists of vivid color for a strong visual presence.

PR OJ ECT 0 3

E Y E CA NDY

I S S U E O NE

M A R K J O HN M A N G AYAYA M

PR OJ ECT 0 3

E Y E CA NDY

I S S U E O NE

M A R K J O HN M A N G AYAYA M

â&#x2020;&#x2019;

PR OJ ECT 0 3

A packagaging system was made for every exhibition. Within each package you recieve a poster pack of the artist's work.

E Y E CA NDY

I S S U E O NE

M A R K J O HN M A N G AYAYA M

PR OJ ECT 0 3

E Y E CA NDY

I S S U E O NE

M A R K J O HN M A N G AYAYA M

â&#x2020;&#x2019;

Project Four

PR OJ ECT 0 4

LO CA L B R E WIN G C O MPA N Y

Local Brewing Company Made and inspired by the people.

Type

Conceptual Course

Packaging Design 3 Instructor

Thomas McNulty Semester

Fall 2016

I S S U E O NE

M A R K J O HN M A N G AYAYA M

â&#x2020;&#x2019;

Background Local Brewing Company is a brewery that creates craft beer based on customer feedback. Being located in San Francisco, one of the most diverse cities in the United States, there are many personalities and perspectives that walk in and out of their brewery. All is welcomed to give their own feedback on their beer and also recommend what they would want out of it.

â&#x2020;&#x2019;

Approach Different styles of hand-made typography was made to convey the various districts of San Francisco that each flavor is named after. With all the production done in one place, the design is made for the brewer to personalize and explain what to expect in each bottle you receive. This is done to educate the customer and show that every product is made under the same roof.

PR OJ ECT 0 4

LO CA L B R E WIN G C O MPA N Y

I S S U E O NE

M A R K J O HN M A N G AYAYA M

→

Typeface— Helvetica

Foundry— Linotype

→

PR OJ ECT 0 4

Attributes— Cultured, Diverse, Handcraft

Category— Updated Beer Identity

LO CA L B R E WIN G C O MPA N Y

I S S U E O NE

M A R K J O HN M A N G AYAYA M

→

Brand System

01 — Pantone 1655

05 — Pantone Cool Gray 1

02 — Pantone 7734

06 — Bass Wood

03 — Pantone 300 04 — Pantone 186

→

Typography Typeface — Circular Foundry — Lineto

Regular

Medium

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm

Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

0123456789 <!@#$%^&*>

PR OJ ECT 0 4

LO CA L B R E WIN G C O MPA N Y

I S S U E O NE

M A R K J O HN M A N G AYAYA M

100

101

PR OJ ECT 0 4

LO CA L B R E WIN G C O MPA N Y

I S S U E O NE

M A R K J O HN M A N G AYAYA M

102

103

PR OJ ECT 0 4

LO CA L B R E WIN G C O MPA N Y

I S S U E O NE

M A R K J O HN M A N G AYAYA M

104

105

PR OJ ECT 0 4

LO CA L B R E WIN G C O MPA N Y

I S S U E O NE

M A R K J O HN M A N G AYAYA M

106

107

PR OJ ECT 0 4

LO CA L B R E WIN G C O MPA N Y

I S S U E O NE

M A R K J O HN M A N G AYAYA M

108

109

PR OJ ECT 0 4

LO CA L B R E WIN G C O MPA N Y

I S S U E O NE

M A R K J O HN M A N G AYAYA M

110

111

PR OJ ECT 0 4

LO CA L B R E WIN G C O MPA N Y

I S S U E O NE

M A R K J O HN M A N G AYAYA M

112

113

PR OJ ECT 0 4

LO CA L B R E WIN G C O MPA N Y

I S S U E O NE

M A R K J O HN M A N G AYAYA M

114

115

PR OJ ECT 0 4

LO CA L B R E WIN G C O MPA N Y

I S S U E O NE

M A R K J O HN M A N G AYAYA M

116

117

PR OJ ECT 0 4

LO CA L B R E WIN G C O MPA N Y

I S S U E O NE

M A R K J O HN M A N G AYAYA M

118

119

PR OJ ECT 0 4

LO CA L B R E WIN G C O MPA N Y

I S S U E O NE

M A R K J O HN M A N G AYAYA M

â&#x2020;&#x2019;

Project Five

120

121

PR OJ ECT 0 5

Shinola

Where American is Made.

Type

Conceptual Course

Visual Systems 2 Instructor

Eszter Clark Semester

Spring 2017

S HIN O L A

I S S U E O NE

M A R K J O HN M A N G AYAYA M

â&#x2020;&#x2019;

Background Shinola creates jobs for a historic city. All based in Detroit, MI the company specializes in multiple categories: watches, bikes, and leather goods. Within each industry they strive to create quality products made in America. The company not great because of their products, it's because of the craftspeople. Each of them share a story and contribute their skill to create what you see today.

â&#x2020;&#x2019;

Approach This editorial explains how Shinola is a company that not only creates jobs, but also quality products. The book is seperated into three chapters: the city, craftspeople and product. Each chapter explains how they all play an important role to creating quality products in America.

122

123

PR OJ ECT 0 5

S HIN O L A

I S S U E O NE

M A R K J O HN M A N G AYAYA M

→

Brand System

124

01 — Photography Style

05 — White

02 — Pantone Black 6

06 — Leather

03 — Pantone Bright Orange 04 — Pantone Warm Gray 1

→

Typography Typeface — Akzidenz Grotesk

Typeface — ITC Bodoni 72

Foundry — Berthold

Foundry — Linotype

Roman

Book

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj K k Ll Mm

Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww X x Yy Zz

0123456789 <!@#$%^&*>

Condensed Medium

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu V v W w X x Yy Z z 0123456789 < !@# $ %^&* >

125

PR OJ ECT 0 5

S HIN O L A

I S S U E O NE

M A R K J O HN M A N G AYAYA M

â&#x2020;&#x2019;

Quality materials are picked like each of their products.

126

127

PR OJ ECT 0 5

S HIN O L A

I S S U E O NE

M A R K J O HN M A N G AYAYA M

â&#x2020;&#x2019;

The editorial was constructed by hand, the Shinola way.

128

129

PR OJ ECT 0 5

S HIN O L A

I S S U E O NE

M A R K J O HN M A N G AYAYA M

130

131

PR OJ ECT 0 5

S HIN O L A

I S S U E O NE

M A R K J O HN M A N G AYAYA M

132

133

PR OJ ECT 0 5

S HIN O L A

I S S U E O NE

M A R K J O HN M A N G AYAYA M

134

135

PR OJ ECT 0 5

S HIN O L A

I S S U E O NE

M A R K J O HN M A N G AYAYA M

136

137

PR OJ ECT 0 5

S HIN O L A

I S S U E O NE

M A R K J O HN M A N G AYAYA M

â&#x2020;&#x2019;

Project Six

138

139

PR OJ ECT 0 6

FILM PH OTO G R A PH Y

Film Photography Through the lens of a designer.

Type

Personal Project Course

N/a Instructor

N/a Semester

Spring 2016

I S S U E O NE

M A R K J O HN M A N G AYAYA M

â&#x2020;&#x2019;

Approach I believe that design could be found in many places. One way for me to record these incidents would be through photography using a 35mm film camera. During the early part of 2016, I picked up a Canon AE-1 on eBay and it has helped me understand composition and negative space within a photo and on a page. By using this medium of photography I needed to have patience and confidence in myself because nothing is digital. This helped me understand the importance of the different fuctions of a camera instead of relying on having everything automatic. After a few moths of under-exposed photos and stale compositions, I was able to get the hang of what my film camera could do. This is a collection of what I've collected within the last year.

140

141

PR OJ ECT 0 6

FILM PH OTO G R A PH Y

I S S U E O NE

M A R K J O HN M A N G AYAYA M

â&#x2020;&#x2019;

There's a unique kind of beauty with some of these flaws.

142

143

PR OJ ECT 0 6

FILM PH OTO G R A PH Y

I S S U E O NE

M A R K J O HN M A N G AYAYA M

144

145

PR OJ ECT 0 6

FILM PH OTO G R A PH Y

I S S U E O NE

M A R K J O HN M A N G AYAYA M

146

147

PR OJ ECT 0 6

FILM PH OTO G R A PH Y

I S S U E O NE

M A R K J O HN M A N G AYAYA M

â&#x2020;&#x2019;

There's a unique kind of beauty with some of these flaws.

148

149

PR OJ ECT 0 6

FILM PH OTO G R A PH Y

I S S U E O NE

M A R K J O HN M A N G AYAYA M

150

151

PR OJ ECT 0 6

FILM PH OTO G R A PH Y

I S S U E O NE

M A R K J O HN M A N G AYAYA M

152

153

PR OJ ECT 0 6

FILM PH OTO G R A PH Y

I S S U E O NE

M A R K J O HN M A N G AYAYA M

154

155

PR OJ ECT 0 6

FILM PH OTO G R A PH Y

I S S U E O NE

M A R K J O HN M A N G AYAYA M

156

157

PR OJ ECT 0 6

FILM PH OTO G R A PH Y

I S S U E O NE

M A R K J O HN M A N G AYAYA M

158

159

PR OJ ECT 0 6

FILM PH OTO G R A PH Y

I S S U E O NE

M A R K J O HN M A N G AYAYA M

160

161

PR OJ ECT 0 6

FILM PH OTO G R A PH Y

I S S U E O NE

M A R K J O HN M A N G AYAYA M

162

163

PR OJ ECT 0 6

FILM PH OTO G R A PH Y

I S S U E O NE

M A R K J O HN M A N G AYAYA M

164

165

PR OJ ECT 0 6

FILM PH OTO G R A PH Y

I S S U E O NE

M A R K J O HN M A N G AYAYA M

166

167

PR OJ ECT 0 6

FILM PH OTO G R A PH Y

I S S U E O NE

M A R K J O HN M A N G AYAYA M

â&#x2020;&#x2019;

Project Seven

168

169

PR OJ ECT 07

Hint

A little bit of something.

Type

Team

Conceptual

Elizabeth Khuu Jihae Gu Mark John Mangayayam Hyunjin Yoon

Course

Packaging Design 4 Instructor

Michael Osborne Semester

Spring 2017

HINT

I S S U E O NE

M A R K J O HN M A N G AYAYA M

â&#x2020;&#x2019;

Background Driven by our desire to provide the best gourmet food for everyday living, our aim to inspire and excite the imagination of all food lovers. With products sourced and selected from around the globe, Hint is a Private Label of Ethos focused on providing natural ingredients produced by specialist, artisan suppliers.

â&#x2020;&#x2019;

Approach We wanted to approach the food industry in a differently, not just by what you see. To do this, our research pointed us to an audience that is encouraged to cook for themselves. Hint can be described as an action or the quantity of something. We developed a system that could explain both defnitions. Our goal was to create packaging that would engage our audience to cook more and also look good doing it. All of our containers were selected carefully in order to take minimal space for easy arrangement.

170

171

PR OJ ECT 07

HINT

I S S U E O NE

M A R K J O HN M A N G AYAYA M

→

Typeface— Silva (Edited)

172

Foundry— Blackletra

173

→

PR OJ ECT 07

Attributes— Upscale, Refreshing, Sophisticated

Category— Oils/Spices Identity

HINT

I S S U E O NE

M A R K J O HN M A N G AYAYA M

→

Brand System

174

01 — Matte Black 02 — Oak Wood 03 — Silver Foil 04 — White

→

Typography Typeface — FF Milo

Typeface — FF Milo Serif

Foundry — FontFont

Medium

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm

Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

0123456789 <!@#$%^&*>

175

PR OJ ECT 07

HINT

I S S U E O NE

M A R K J O HN M A N G AYAYA M

176

177

PR OJ ECT 07

HINT

I S S U E O NE

M A R K J O HN M A N G AYAYA M

178

179

PR OJ ECT 07

HINT

I S S U E O NE

M A R K J O HN M A N G AYAYA M

180

181

PR OJ ECT 07

HINT

I S S U E O NE

M A R K J O HN M A N G AYAYA M

182

183

PR OJ ECT 07

HINT

I S S U E O NE

M A R K J O HN M A N G AYAYA M

184

185

PR OJ ECT 07

HINT

I S S U E O NE

M A R K J O HN M A N G AYAYA M

186

187

PR OJ ECT 07

HINT

I S S U E O NE

M A R K J O HN M A N G AYAYA M

188

189

PR OJ ECT 07

HINT

I S S U E O NE

M A R K J O HN M A N G AYAYA M

190

191

PR OJ ECT 07

HINT

I S S U E O NE

M A R K J O HN M A N G AYAYA M

192

193

PR OJ ECT 07

HINT

I S S U E O NE

M A R K J O HN M A N G AYAYA M

â&#x2020;&#x2019;

Project Eight

194

195

PR OJ ECT 0 8

Everlane

Ethically made. Perfectly fit.

Type

Internship Job Title

Creative Design Intern Semester

Summer 2017

E V ER L A NE

I S S U E O NE

→

196

M A R K J O HN M A N G AYAYA M

The Company At Everlane, we want the right choice to be as easy as putting on a great T-shirt. That’s why we partner with the best, ethical factories around the world. We source only the finest materials and share those stories with you— down to the true cost of every product we make. It’s a new way of doing things. We call it Radical Transparency.

→

The Creative Team Creative Lead

Designers

Alexandra Spunt

Kasia Bedkowski Elaine Lin

Design Lead

Carla Poirier

Copywriters

Brand Lead

Abbey Abate Alex Applegate

Lee Cerré Copy Lead

Blair Pfander Photography Lead

Andrea Drake

Producer

Grace Brumley Photographer

David Baum Videographer

Doug Mahoney

197

PR OJ ECT 0 8

E V ER L A NE

I S S U E O NE

M A R K J O HN M A N G AYAYA M

→

Email System

198

01 — Logo 02 — Banner 03 — H1 04 — Product Photo

→

Typography Typeface — Everlane Sans

Typeface — Century Schoolbook Foundry — American Type Founders

Bold

Regular

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm

Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww X x Yy Zz

Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

0123456789 <!@#$%&*>

0123456789 <!@ #$%^&*>

199

PR OJ ECT 0 8

E V ER L A NE

I S S U E O NE

M A R K J O HN M A N G AYAYA M

200

201

PR OJ ECT 0 8

E V ER L A NE

I S S U E O NE

M A R K J O HN M A N G AYAYA M

202

203

PR OJ ECT 0 8

MODERN H A RRING T ON JACK E T

→

Made in Jiangmen, China

100% Cotton—5 oz cotton with a water-resistant finish

E V ER L A NE

I S S U E O NE

M A R K J O HN M A N G AYAYA M

â&#x2020;&#x2019;

Email designed specifically for this launch.

204

205

PR OJ ECT 0 8

E V ER L A NE

I S S U E O NE

M A R K J O HN M A N G AYAYA M

â&#x2020;&#x2019;

Landing Page designed to promote the Modern Harrington.

206

207

PR OJ ECT 0 8

E V ER L A NE

I S S U E O NE

M A R K J O HN M A N G AYAYA M

208

209

PR OJ ECT 0 8

HE AV Y W EIGH T CHINO

→

Made in Jiangmen, China

98% cotton, 2% elastane— Sturdy 8.1 oz cotton twill

E V ER L A NE

I S S U E O NE

M A R K J O HN M A N G AYAYA M

210

211

PR OJ ECT 0 8

E V ER L A NE

I S S U E O NE

M A R K J O HN M A N G AYAYA M

212

213

PR OJ ECT 0 8

E V ER L A NE

I S S U E O NE

M A R K J O HN M A N G AYAYA M

214

215

PR OJ ECT 0 8

E V ER L A NE

I S S U E O NE

M A R K J O HN M A N G AYAYA M

â&#x2020;&#x2019;

Random Work

216

217

TITLE R A ND O HER M WO E RK

I S S U E O NE

M A R K J O HN M A N G AYAYA M

â&#x2020;&#x2019;

Posters â&#x20AC;&#x201D; Print

218

Posters to experiment with different tools. Each poster meantto be seen as an art piece.

219

TITLE R A ND O HER M WO E RK

I S S U E O NE

M A R K J O HN M A N G AYAYA M

220

221

TITLE R A ND O HER M WO E RK

I S S U E O NE

M A R K J O HN M A N G AYAYA M

222

223

TITLE R A ND O HER M WO E RK

I S S U E O NE

â&#x2020;&#x2019;

M A R K J O HN M A N G AYAYA M

Thank You

224

225

TITLE HER E

Family I appreciate all the love and support that you guys have given me for the last five years. I want to thank you all for giving me the fuel to finish my college career.

Friends Thavin, the homie from the start. You have been there for me since I started and never left. All those all-nighters have paid off. Jerico, we did it man! We both didn't see any of this coming so quickly. You're killing it now and I'm glad you're in a good place. Jay, the man with the plan. You've pushed me to do bigger and better things. Thank you for keeping me on the right path.

Instructors Mary Scott, Tom McNulty, Michael Osborne, Eszter Clark, Beau Monroe, David John Scott, David Hake, and Wioletta Kaminska. You all have pushed me to past my limit. For that, I thank you for not giving up on me for being so stubburn.

Mentors Will, Jacquie and Des from Rubber Design. Thanks for all tips and tricks while my time there. All the guidance has helped me see design differently and understand the industry as a starving student. The Creative Team at Everlane. There are too many of you guys to list and so many memories to talk about. You guys have pushed me to be myself and also have helped me understand teamwork. I can't even explain how grateful I am to have the opportunity to be part of the team.

BS The one that never left. Thanks for being the one that believed in me and my crazy thoughts. I can't express how thankful I am for being there when everything seemed to have gone wrong. You kept me sane in school and in life. I thank you for encouraging me to do anything and everything.

I S S U E O NE

M A R K J O HN M A N G AYAYA M

Binding

The Key Printing & Binding Oakland, California Printing

Graphic Imagery San Francisco, California Paper

Mohawk Superfine Ultra-White Eggshell 80T Photography

Dustin Soriano James Han Mark John Mangayayam Typeface

Plain by Optimo, 2013 Contact

Mark John Mangayayam +1 (808) 220â&#x20AC;&#x201C;8949 aloha@itsmarkjohn.com itsmarkjohn.com

226

227

TITLE HER E

I S S U E O NE

M A R K J O HN M A N G AYAYA M

228

229

TITLE HER E

I S S U E O NE

230

M A R K J O HN M A N G AYAYA M

"HAVE NO CHILL" â&#x20AC;&#x201D;VIRGIL ABLOH