Ultramarine-JingjingZhao's Portfolio

ULTRAMARINE 2020–2023

Jingjing Zhao, MA

Risking everything, I create In a color that no one but me can use Continuing to run night and day The blue light that I found Facing up to something that you love Is, even now, very scary, but I am no longer that weak, transparent person from that day Now I am irreplaceable and true to myself

—Yoasobi, “Ultramarine”

01 02 03 04 05 06 07 08 09 10

Table of Contents

TA B L E O F C O N T E N T S

( 1/ 1 0 )

( 6/10 )

Pixels to Profits Square Enix Annual Report Page 006

Missing in the Sky MH370 Flight Data Visualization Page 076

( 2/10 )

( 7 /10 )

( 3/ 1 0 )

( 8/10 )

Culture Mixture Light Novel Cover Redesign Page 034

Make It Fair A Fair Trade Solution For Farmers Page 106

( 4/10 )

( 9/10 )

Prost! Schriftgestalter FF DIN Specimen Page 044

More Than 2D Thingiverse UI Redesign Page 122

( 5/10 )

( 10/ 10 )

Time to Get Muddy!

Pottery Studio Promotion Design Page 022

Beyond the Edge “Interstellar” Art Book Redesign Page 062

Design for Designers Layers Conference Rebranding Page 086

Nirvana of the Phoenix TWA Rebranding Page 136 4

5

P H OTO / S Q U A R E E N I X

C H A P T E R 1 P I X E L S TO P R O F I TS

Chapter One: Pixels to Profits COURSE

GR 601 Type Systems I N S T R U C TO R

John Nettleton

P R OJ ECT

Square Enix Annual Report C AT E G O R Y

Book Design

6

7

( O BJ ECT I V E )

We engaged readers by seamlessly blending design and content, offering a comprehensive understanding of Square Enix's vision, and achievements, strengthening its connection with the audience and solidifying its leadership in the entertainment industry.

CHAPTER 1

P I X E L S TO P R O F I TS

( A P P ROAC H )

We transformed the complex report into an engaging way to attract young investors by drawing inspiration from games and anime, using visually captivating graphs and charts. Our goal is to make the new annual report informative and visually appealing for the evolving game development and finance landscape.

8

9

12

13

C H A P T E R 1 P I X E L S TO P R O F I TS

C H A P T E R 1 P I X E L S TO P R O F I TS

01

02

03 04 05 06 07 08 09 10

P H OTO / A D O B E F I R E F LY

C H A P T E R 2 T I M E TO G E T M U D DY !

Chapter Two: Time to get Muddy!

COURSE

GR 618 Visual Literacy I N S T R U C TO R

Hunter Wimmer

P R OJ ECT

Pottery Studio Promotion Design C AT E G O R Y

Branding

22

23

( O BJ ECT IV E )

Our overarching goal is to elevate engagement and interactivity with our target customers. We aim to kindle a genuine interest in pottery among prospective customers through a captivating redesign, motivating them to explore this art form.

01 02 03 04 05 06 07 08 09 10 CHAPTER 2

T I M E TO G E T M U D DY !

( A P P ROACH )

We have revitalized Shangrao Pottery ' s brand image to be vibrant and professional through the use of organic textures and graphics. By utilizing all the materials with a consistent design language, including brochures, postcards, and website, we elevate interactivity and create a impact on potential customers.

24

25

26

27

01 02 03 04 05 06 07 08 09 10 C H A P T E R 2 T I M E TO G E T M U D DY !

01 02 03 04 05 06 07 08 09 10 C H A P T E R 2 T I M E TO G E T M U D DY !

30

31

01 02 03 04 05 06 07 08 09 10 C H A P T E R 2 T I M E TO G E T M U D DY !

32

33

01 02

03

04 05 06 07 08 09 10

I L L U S T R AT I O N / K U

C H A P T E R 3 C U LT U R E M I X T U R E

Chapter Three: Culture Mixture COURSE

GR 619 Type Composition I N S T R U C TO R

John Nettleton

P R OJ ECT

Light Novel Cover Redesign C AT E G O R Y

Book Design

34

35

( O BJ ECT I V E )

Our objective is to break away from the strong association between light novels and anime and to approach the design with inspiration from conventional novels.

This approach aims to make popular novels accessible to a broader audience, including regular readers.

01 02 03 04 05 06 07 08 09 10 C H A P T E R 3 C U LT U R E M I X T U R E

( A P P ROACH )

Diverging from regular light novels, we employ a heavy typeface for visual prominence and also contrast it with subtler, lighter Japanese typeface to retain its original essence. Additionally, we incorporate subtle visual cues to represent the main character, adding a touch of uniqueness to the design.

36

37

01 02 03 04 05 06 07 08 09 10 C H A P T E R 3 C U LT U R E M I X T U R E

38

39

01 02 03 04 05 06 07 08 09 10 C H A P T E R 3 C U LT U R E M I X T U R E

40

41

01 02 03 04 05 06 07 08 09 10 C H A P T E R 3 C U LT U R E M I X T U R E

42

43

01 02 03

04

05 06 07 08 09 10

P H OTO / A D O B E F I R E F LY

C H A P T E R 4 P R O S T ! S C H R I F T G E S T A LT E R

Chapter Four: Prost!

Schriftgestalter COURSE

GR 619 Type Composition I N S T R U C TO R

John Nettleton

P R OJ ECT

FF DIN Specimen C AT E G O R Y

Packaging Design

44

45

( O BJ ECT I V E )

Our objective is to creatively introduce the DIN typeface, rooted in German culture and popular globally, through a beerthemed packaging redesign, establishing a interesting connection and delivering a memorable promotional experience.

01 02 03 04 05 06 07 08 09 10 C H A P T E R 4 P R O S T ! S C H R I F T G E S T A LT E R

( A P P ROACH )

We utilized beer cans and packaging boxes as unique canvases, showcasing various aspects of the DIN typeface, cleverly connecting beer varieties with type specimen design. This approach created an unique immersive experience, celebrating great DIN typography and its German heritage.

46

47

01 02 03 04 05 06 07 08 09 10 C H A P T E R 4 P R O S T ! S C H R I F T G E S T A LT E R

J I N G J I N G

Z H A O / P O R T F O L I O

05

06

ULTRAMARINE

49

48

01 02 03 04 05 06 07 08 09 10 C H A P T E R 4 P R O S T ! S C H R I F T G E S T A LT E R

50

51

01 02 03 04 05 06 07 08 09 10 C H A P T E R 4 P R O S T ! S C H R I F T G E S T A LT E R

52

53

01 02 03 04 05 06 07 08 09 10 C H A P T E R 4 P R O S T ! S C H R I F T G E S T A LT E R

54

55

01 02 03 04 05 06 07 08 09 10 C H A P T E R 4 P R O S T ! S C H R I F T G E S T A LT E R

56

57

01 02 03 04 05 06 07 08 09 10 C H A P T E R 4 P R O S T ! S C H R I F T G E S T A LT E R

58

59

01 02 03 04 05 06 07 08 09 10 C H A P T E R 4 P R O S T ! S C H R I F T G E S T A LT E R

60

61

01 02 03 04

05

06 07 08 09 10

P H OTO / M A R K C OT TA VA Z

C H A P T E R 5 B E YO N D T H E E D G E

Chapter Five: Beyond the Edge COURSE

GR 619 Type Composition I N S T R U C TO R

John Nettleton

P R OJ ECT

“Interstellar” Art Book Redesign C AT E G O R Y

Book Design 62

63

( O BJ ECT I V E )

Inspired by director Christopher Nolan's “Interstellar,” our redesign of “Christopher Nolan: Beyond Time and Space” pays tribute to Nolan's innovative spirit. We adopt a alternative and experimental layout, drawing from the film's aesthetics to infuse the book with creativity and adaptability.

01 02 03 04 05 06 07 08 09 10 C H A P T E R 5 B E YO N D T H E E D G E

( wwww )

We meticulously detailed wireframe visuals, bold sans-serif typography, and Morse code elements into the book's design. These great elements seamlessly transformed the reading experience, resulting in a graceful visually dynamic and captivating narrative, perfectly in tune with the enigmatic essence of Nolan's cinematic masterpiece.

64

65

01 02 03 04 05 06 07 08 09 10 C H A P T E R 5 B E YO N D T H E E D G E

66

67

01 02 03 04 05 06 07 08 09 10 C H A P T E R 5 B E YO N D T H E E D G E

68

69

01 02 03 04 05 06 07 08 09 10 C H A P T E R 5 B E YO N D T H E E D G E

74

75

01 02 03 04 05

06

07 08 09 10

P H OTO / N E T F L I X

CHAPTER 6 MISSING IN THE SKY

Chapter Six: Missing in the Sky COURSE

GR 618 Visual Literacy I N S T R U C TO R

Hunter Wimmer

P R OJ ECT

MH370 Flight Data Visualization C AT E G O R Y

Packaging Design / Infographic

76

77

( OBJECTIVE )

Our objective is to present the enigmatic Malaysia Airlines Flight 370 disappearance in a clear manner using a visual timeline and infographics. We aim to simplify the understanding of the complex incident by highlighting known information.

01 02 03 04 05 06 07 08 09 10 CHAPTER 6

MISSING IN THE SKY

( A P P ROACH )

We utilized a timeline and infographics to depict the progression of Malaysia Airlines Flight 370's disappearance. Our approach provides a visual narrative of the event, enhancing understanding and engagement while facilitating a clearer grasp of the incident's complexity.

78

79

01 02 03 04 05 06 07 08 09 10 CHAPTER 6 MISSING IN THE SKY

80

81

01 02 03 04 05 06 07 08 09 10 CHAPTER 6 MISSING IN THE SKY

84

85

P H OTO / A D O B E F I R E F LY

Chapter Seven: Design for Designers COURSE

GR 601 Type Systems I N S T R U C TO R

John Nettleton

P R OJ ECT

Layers Conference Rebranding C AT E G O R Y

Visual System / Type Design

( OBJECTIVE )

Our objective is to enrich the new Layers Conference for user experience designers by integrating an array of engaging “design experiences.” By prioritizing creative and user-centric design elements, we aim to transform the conference into an interactive and visually stimulating platform.

01 02 03 04 05 06 07 08 09 10 CHAPTER 7 DESIGN FOR DESIGNERS

( APPROACH )

We incorporated the simulation of UI-style windows using solid color blocks to showcase various information of the conference within each “window.”

Additionally, we have introduced motion posters and AR projects to offer a diverse and immersive design experience to our audience.

88

89

01 02 03 04 05 06 07 08 09 10 CHAPTER 7 DESIGN FOR DESIGNERS

90

91

01 02 03 04 05 06 07 08 09 10 CHAPTER 7 DESIGN FOR DESIGNERS

Experience our motion / AR poster

92

93

01 02 03 04 05 06 07 08 09 10 CHAPTER 7 DESIGN FOR DESIGNERS

94

95

01 02 03 04 05 06 07 08 09 10 CHAPTER 7 DESIGN FOR DESIGNERS

96

97

01 02 03 04 05 06 07 08 09 10 CHAPTER 7 DESIGN FOR DESIGNERS

98

99

01 02 03 04 05 06 07 08 09 10 CHAPTER 7 DESIGN FOR DESIGNERS

100

101

01 02 03 04 05 06 07 08 09 10 CHAPTER 7 DESIGN FOR DESIGNERS

102

103

01 02 03 04 05 06 07 08 09 10 CHAPTER 7 DESIGN FOR DESIGNERS

104

105

01 02 03 04 05 06 07

08

09 10

P H OTO / A D O B E F I R E F LY

C H A P T E R 8 M A K E I T FA I R

Chapter Eight: Make it Fair COURSE

GR 620 Visual Thinking I N S T R U C TO R

Sandra Isla

P R OJ ECT

A Fair Trade Solution For Farmers C AT E G O R Y

Branding

106

107

( O BJ ECT IV E )

01 02 03 04 05 06 07

We aimed to address the widespread issue of marginalized smallholder farmers by introducing "Fairtopia," a brand and platform fostering easy direct trade and communication. By employing graphic design, the objective is to create awareness, transparency, and support for better fair trade, improving the livelihoods of these farmers.

08 09 10 C H A P T E R 8 M A K E I T FA I R

( A P P ROACH )

To address the challenges faced by smallholder farmers, we involved the creation of "Fairtopia." This brand and platform facilitate direct trade and communication, reducing the gap between producers and consumers.

Utilizing graphic design, we visually convey the message of fair trade through an E-commerce website, streaming solution, and immersive events, aiming to raise awareness and support for the fair trade concept.

108

109

01 02 03 04 05 06 07 08 09 10 C H A P T E R 8 M A K E I T FA I R

110

111

01 02 03 04 05 06 07 08 09 10 CHAPTER 8

M A K E I T FA I R

112

113

01 02 03 04 05 06 07 08 09 10 CHAPTER 8

M A K E I T FA I R

118

119

01 02 03 04 05 06 07 08 09 10 CHAPTER 8

M A K E I T FA I R

120

121

01 02 03 04 05 06 07 08

09

10

P H OTO / A D O B E F I R E F LY

CHAPTER 9 MORE THAN 2D

Chapter Nine: More than 2D COURSE

GR 605 Digital Design Studio I N S T R U C TO R

Phil Hamlett

P R OJ ECT

Thingiverse UI Redesign C AT E G O R Y

User Experience

122

123

( O BJ ECT I VE )

01 02 03 04 05 06 07 08

We've undertaken a redesign of the new Thingiverse community's 3D model sharing platform, both on their website and APP. We really want to enhance user interactions, fostering a much more user-friendly and engaging environment, and simultaneously, draw in a larger number of 3D printing enthusiasts to actively participate in the Thingiverse community.

09 10 CHAPTER 9 MORE THAN 2D

( A P P ROACH )

Our approach embraced contemporary Neumorphism design to revitalize the 3D design community's platform. so we departed from the conventional static UI of 3D modeling software, infusing a dynamic, tactile and exciting experience.

This reinvigoration resonates with the 3D community's essence, attracting more enthusiasts to the world of 3D design and printing.

124

125

01 02 03 04 05 06 07 08

09

10

CHAPTER 9 MORE THAN 2D

126

127

01 02 03 04 05 06 07 08

09

10

CHAPTER 9 MORE THAN 2D

128

129

01 02 03 04 05 06 07 08

09

10

CHAPTER 9 MORE THAN 2D

130

131

01 02 03 04 05 06 07 08

09

10

CHAPTER 9 MORE THAN 2D

132

133

01 02 03 04 05 06 07 08

09

10

CHAPTER 9 MORE THAN 2D

134

135

01 02 03 04 05 06 07 08

09

10

P H OTO / S PA C E X

CHAPTER 9 MORE THAN 2D

Chapter Ten: Nirvana of the Phoenix COURSE

GR 604 The Nature of Identity I N S T R U C TO R

Hunter Wimmer

P R OJ ECT

TWA Rebranding C AT E G O R Y

Branding

136

137

( O BJ ECT I VE )

01 02 03 04 05 06 07 08 09

Elevate designs with the excitement of exploration, celebrating surprises in speed, technology, science, and unlimited vision.

Harnessing our passion, we aspire to expand products and services, contributing to human development of the future through new innovative solutions and proudly inspiring a continuous spirit of exploration.

10 C H A P T E R 1 0 N I R VA N A O F T H E P H O E N I X

( A P P ROACH )

Revitalizing TWA's identity, our approach focuses on redesigning the logo to reflect a fresh image while preserving the classic red hue. We extend our reach into diverse cutting-edge domains, seamlessly blending tradition with innovation to amplify TWA's influence and presence in evolving landscapes.

138

139

01 02 03 04 05 06 07 08 09 10 C H A P T E R 1 0 N I R VA N A O F T H E P H O E N I X

01 02 03 04 05 06 07 08 09 10 C H A P T E R 1 0 N I R VA N A O F T H E P H O E N I X

142

143

01 02 03 04 05 06 07 08 09 10 C H A P T E R 1 0 N I R VA N A O F T H E P H O E N I X

148

149

01 02 03 04 05 06 07 08 09 10 C H A P T E R 1 0 N I R VA N A O F T H E P H O E N I X

150

151

01 02 03 04 05 06 07 08 09 10 C H A P T E R 1 0 N I R VA N A O F T H E P H O E N I X

01 02 03 04 05 06 07 08 09 10 C H A P T E R 1 0 N I R VA N A O F T H E P H O E N I X

154

155

01 02 03 04 05 06 07 08 09 10 C H A P T E R 1 0 N I R VA N A O F T H E P H O E N I X

158

159

01 02 03 04 05 06 07 08 09 10 C H A P T E R 1 0 N I R VA N A O F T H E P H O E N I X

( TO M Y FA MILY )

01 02 03 04 05 06 07 08 09 10

To my mom, I owe my ability to study design in the U.S. to your years of support.

Your encouragement has helped me overcome challenges and succeed. Your joy in my achievements is my ongoing motivation. I hope you continue to guide me from above. To my dad,Thanks for your constant support and dedication to our family. Without you, I couldn't have focused on my studies. Your contributions have been crucial to my design journey.

Thank you.

T H A N K YO U

( TO MY IN ST RUCTO RS )

Thanks to Mary Scott, Phil Hamlett, Hunter Wimmer, John Nettleton, Thomas McNulty Sandra Isla, Anna Villano, Ross Patrick, Douglas Van Praet, Nikki Kipple for guiding, inspiring, and encouraging me to become a unique professional designer. ( TO MY F RIE N DS )

I consider myself fortunate to have each of you in my life. Your constant presence, support, inspiration, and understanding mean the world to me.

Thank you for being an indispensable part of my life.

162

163

Colophon ( TIT L E O F T HE BO O K )

Ultramaine ( CO NTACT )

Jingjing Zhao / jingjing.design ( SC HO O L )

Academy of Art University ( DEGREE ) 01 02 03 04 05 06 07 08 09 10

Master of Arts School of Graphic Design and Digital media ( I NST RUCTO R )

Mary Scott ( PH OTO GRAP HY )

Jingjing Zhao, Yupeng Wu ( PRINT ING AND B INDING )

Shanghai Wenyin Publishing ( PAP ER STO C K )

Jingren's Paperlogue YaYu Ultrawhite 200g ( TYP EGRAP H Y )

Albra Söhne

( CO PY RIGH T © 2023 JINGJING ZHAO ) All rights reserved. No part of this publication may be reproduced, stored in a retrieval system, or transmitted in any form by any means electronic, mechanical, photocopying, recording, or otherwise without permission from the copyright holder.

COLOPHON