PURPOSEFUL ACTION | Graphic Design Portfolio

Page 1

PURPOSEFUL ACTION

00 06
SELECTED WORKS

SELECTED WORKS

PURPOSEFUL ACTION

00 06

COPYRIGHT © 2023 BY HORRICO XU

All right reserved. No part of the publication may be reproduced, distributed, transmitted in any form by any means photocopying, recording or otherwise without permission from Horrico Xu.

DESIGN DOES NOT OCCUR BY CHANCE, IT IS A PURPOSEFUL ACTION , DRIVEN BY CLEAR OBJECTIVES AND STRUCTURED PROCESSES. AS A DESIGNER, I AM ALWAYS DRIVEN TO FIND THE MOST EFFECTIVE DESIGN SOLUTION THROUGH THE ITERATIVE PROCESS.

01 06 02 06 03 06 04 06 05 06 06 06 RETHINKING IDEAS, REFORMING IDENTITY Esprit Rebranding 07 GENERATING IDEAS, CONVEYING INFORMATION Stuck! 35 ANALYZING IDEAS, CONNECTING AUDIENCES All Facts 51 DEPLOYING IDEAS, SOLVING PROBLEMS It's A Gym Thing 135 DEVELOPING IDEAS, EVOLVING DESIGNS Transition 83 REFINING IDEAS, PLACING COMPONENTS Life in Red 111

TABLE OF CONTENTS

PROJECT 01

Esprit Rebranding

RETHINKING IDEAS, REFORMING IDENTITY

DESCRIPTION

A rebranding project for the revival of Esprit.

APPROACH

I chose the Esprit, an international fashion brand that has identified love, peace and harmony as the core values. The new Esprit will retain its original soul and continue to integrate social responsibility into its practices, encouraging people to express themselves creatively, actively fulfill their social responsibilities, and drive them to get involved and make a difference. Based on this, I designed a completely new visual system, defined detailed visual standards and proposed 18 different extensions to bring Esprit to life.

COURSE

GR 604: The Nature of Identity

INSTRUCTOR

Hunter Wimmer DELIVERABLES

Brand Guidelines

Brand Extensions Website

CATEGORIES

Branding

Editorial Design

Experience Design

01 06
07 PURPOSEFUL ACTION PROJECT 01 ESPRIT REBRANDING
HORRICO XU MA SELECTED WORKS 2020—2023 08
09 PURPOSEFUL ACTION PROJECT 01 ESPRIT REBRANDING
HORRICO XU MA SELECTED WORKS 2020—2023 10
11 PURPOSEFUL ACTION PROJECT 01 ESPRIT REBRANDING
HORRICO XU MA SELECTED WORKS 2020—2023 12
13 PURPOSEFUL ACTION PROJECT 01 ESPRIT REBRANDING
HORRICO XU MA SELECTED WORKS 2020—2023 14
15 PURPOSEFUL ACTION PROJECT 01 ESPRIT REBRANDING
HORRICO XU MA SELECTED WORKS 2020—2023 16
17 PURPOSEFUL ACTION PROJECT 01 ESPRIT REBRANDING
HORRICO XU MA SELECTED WORKS 2020—2023 18
19 PURPOSEFUL ACTION PROJECT 01 ESPRIT REBRANDING
HORRICO XU MA SELECTED WORKS 2020—2023 20
21 PURPOSEFUL ACTION PROJECT 01 ESPRIT REBRANDING
HORRICO XU MA SELECTED WORKS 2020—2023 22
23 PURPOSEFUL ACTION PROJECT 01 ESPRIT REBRANDING
HORRICO XU MA SELECTED WORKS 2020—2023 24
25 PURPOSEFUL ACTION PROJECT 01 ESPRIT REBRANDING
HORRICO XU MA SELECTED WORKS 2020—2023 26
27 PURPOSEFUL ACTION PROJECT 01 ESPRIT REBRANDING
HORRICO XU MA SELECTED WORKS 2020—2023 28
29 PURPOSEFUL ACTION PROJECT 01 ESPRIT REBRANDING
HORRICO XU MA SELECTED WORKS 2020—2023 30
31 PURPOSEFUL ACTION PROJECT 01 ESPRIT REBRANDING
HORRICO XU MA SELECTED WORKS 2020—2023 32
33 PURPOSEFUL ACTION PROJECT 01 ESPRIT REBRANDING

PROJECT 02 Stuck!

GENERATING IDEAS, CONVEYING INFORMATION

DESCRIPTION

A project to create a type system for a podcast.

APPROACH

I defined the overall design style based on the content and tone of the stories. I chose black and red as the main colors to evoke a sense of restlessness and helplessness, and there was a strong contrast between bold serif typeface and clean sans serif typeface. I also used a red crayon to draw lines echoing the grid structure between the texts to highlight some key words, so as to make the complex transcript easier to understand.

COURSE

GR 601: Type Systems

INSTRUCTOR

Hunter Wimmer

DELIVERABLES

Chapbook

CATEGORIES

Typography

Editorial Design

02 06
PROJECT 02 STUCK! 35 PURPOSEFUL ACTION
HORRICO XU MA SELECTED WORKS 2020—2023 36
37 PURPOSEFUL ACTION PROJECT 02 STUCK!
HORRICO XU MA SELECTED WORKS 2020—2023 38
39 PURPOSEFUL ACTION PROJECT 02 STUCK!
HORRICO XU MA SELECTED WORKS 2020—2023
41 PURPOSEFUL ACTION PROJECT 02 STUCK!
HORRICO XU MA SELECTED WORKS 2020—2023 42
43 PURPOSEFUL ACTION PROJECT 02 STUCK!
HORRICO XU MA SELECTED WORKS 2020—2023 44
45 PURPOSEFUL ACTION PROJECT 02 STUCK!
HORRICO XU MA SELECTED WORKS 2020—2023
47 PURPOSEFUL ACTION PROJECT 02 STUCK!
HORRICO XU MA SELECTED WORKS 2020—2023 48
49 PURPOSEFUL ACTION PROJECT 02 STUCK!

.

PROJECT 03

All Facts

ANALYZING IDEAS, CONNECTING AUDIENCES

DESCRIPTION

A UX project that helps improve an important aspect of people's daily lives.

APPROACH

I developed a fact-checking app to help improve the ability of young people who rely on social media as their primary source of information to identify fake news. Through a series of research, I clearly understand the needs of the target audience. Based on these, I selected one of the most useful features from the brainstorming sketches, which includes fact check ratings, fact check archive and online news forum. After several rounds of sketching and user testing, I created three different task flows to show how the app provides a successful user experience for the target audience.

COURSE

IXD 606: User Experience Design

INSTRUCTOR

Ryan Medeiros

DELIVERABLES

App

CATEGORIES

Experience Design

Innovation

03 06
PROJECT 03 ALL FACTS 51 PURPOSEFUL ACTION
HORRICO XU MA SELECTED WORKS 2020—2023 52
53 PURPOSEFUL ACTION PROJECT 03 ALL FACTS
HORRICO XU MA SELECTED WORKS 2020—2023 54
55 PURPOSEFUL ACTION PROJECT 03 ALL FACTS
HORRICO XU MA SELECTED WORKS 2020—2023 56
57 PURPOSEFUL ACTION PROJECT 03 ALL FACTS

TASK FLOWS (1 OF 3)

Vivian wants to submit a topic for fact checking.

Outcome: She got a pop-up notification indicating "Submit Completed".

HORRICO XU MA SELECTED WORKS 2020—2023 58 Open the App Click the submit icon in the bottom navigation bar Select a submission platform (online news forum) Click "Next" Paste a link to a video about the starbucks cup-size scam in the "Link" bar, and type "Is the starbucks cup-size scam real?" in the "Text" bar Click "Submit" Get a pop-up notification indicating "Submit Completed" Land on "News Forum" page Set reminders in the "Recent Reply" section
59 PURPOSEFUL ACTION PROJECT 03 ALL FACTS
PURPOSEFUL ACTION PROJECT 03 ALL FACTS
HORRICO XU MA SELECTED WORKS 2020—2023
PURPOSEFUL ACTION PROJECT 03 ALL FACTS
HORRICO XU MA SELECTED WORKS 2020—2023
PURPOSEFUL ACTION PROJECT 03 ALL FACTS
HORRICO XU MA SELECTED WORKS 2020—2023 66

TASK FLOWS (2 OF 3)

Vivian wants to rate other users' post.

View this post (scroll down the page to see the full post) Return to "News Forum" page Click the rating icon

Rate this post and write a comment Click "Submit" Get a pop-up notification indicating "Rating Completed"

Outcome: She got a pop-up notification indicating "Rating Completed".

67 PURPOSEFUL ACTION PROJECT 03 ALL FACTS
Get a pop-up reminder indicating "Eddie replied to your post" Land on "News Forum" page Click on this post in the "Recent Reply" section
HORRICO XU MA SELECTED WORKS 2020—2023
PURPOSEFUL ACTION PROJECT 03 ALL FACTS
HORRICO XU MA SELECTED WORKS 2020—2023
PURPOSEFUL ACTION PROJECT 03 ALL FACTS
PURPOSEFUL ACTION PROJECT 03 ALL FACTS

TASK FLOWS (3 OF 3)

Vivian wants

Outcome: She got a pop-up notification indicating "Share Completed".

a pop-up notification indicating "Share Completed"

HORRICO XU MA SELECTED WORKS 2020—2023 74 Open the App Click the search bar
a news link
employee abortion benefits
the "Link"
Land on “Fact Check Archive” page Click "View fact-checking Report" Check the report and learn the truth about the news story Click the share icon in the bottom navigation bar Choose a sharing platform (Instagram) Select her friends from the contact list and click "Share"
Paste
about Dick’s sporting goods announces
in
bar
to
the veracity of a news story and
the fact-checking report of
news story with
friends.
identify
share
the
her
Get
75 PURPOSEFUL ACTION PROJECT 03 ALL FACTS
PURPOSEFUL ACTION PROJECT 03 ALL FACTS
HORRICO XU MA SELECTED WORKS 2020—2023
PURPOSEFUL ACTION PROJECT 03 ALL FACTS
HORRICO XU MA SELECTED WORKS 2020—2023
PURPOSEFUL ACTION PROJECT 03 ALL FACTS

PROJECT 04

Transition

DEVELOPING IDEAS, EVOLVING DESIGNS

DESCRIPTION

A project to develop a visual system for a local art exhibition.

APPROACH

I chose to show the works of Jarek Puczel because most of his works focus on the expression of emotions, which can arouse the emotional resonance of many people. Based on the theme of this exhibition, I created a series of gradient elements associated with "transition" and developed 3 different deliverables to elevate both the artist and his work to help the audience further understand the transition process from the real world to the perceptual world.

COURSE

GR 601: Type Systems

INSTRUCTOR

Hunter Wimmer

DELIVERABLES

Brochure

Exhibition Spaces

App CATEGORIES

Editorial Design

Environmental Design

Experience Design

04 06
PROJECT 04 TRANSITION 83 PURPOSEFUL ACTION
HORRICO XU MA SELECTED WORKS 2020—2023 84
85 PURPOSEFUL ACTION PROJECT 04 TRANSITION
HORRICO XU MA SELECTED WORKS 2020—2023 86
87 PURPOSEFUL ACTION PROJECT 04 TRANSITION
HORRICO XU MA SELECTED WORKS 2020—2023 88
PURPOSEFUL ACTION PROJECT 04 TRANSITION
HORRICO XU MA SELECTED WORKS 2020—2023 90
91 PURPOSEFUL ACTION PROJECT 04 TRANSITION
HORRICO XU MA SELECTED WORKS 2020—2023
93 PURPOSEFUL ACTION PROJECT 04 TRANSITION
HORRICO XU MA SELECTED WORKS 2020—2023 94
PURPOSEFUL ACTION PROJECT 04 TRANSITION
HORRICO XU MA SELECTED WORKS 2020—2023 96
97 PURPOSEFUL ACTION PROJECT 04 TRANSITION
HORRICO XU MA SELECTED WORKS 2020—2023 98
99 PURPOSEFUL ACTION PROJECT 04 TRANSITION
HORRICO XU MA SELECTED WORKS 2020—2023 100
101 PURPOSEFUL ACTION PROJECT 04 TRANSITION
HORRICO XU MA SELECTED WORKS 2020—2023 102
103 PURPOSEFUL ACTION PROJECT 04 TRANSITION
HORRICO XU MA SELECTED WORKS 2020—2023 104
105 PURPOSEFUL ACTION PROJECT 04 TRANSITION
HORRICO XU MA SELECTED WORKS 2020—2023 106
PURPOSEFUL ACTION PROJECT 04 TRANSITION
HORRICO XU MA SELECTED WORKS 2020—2023
PURPOSEFUL ACTION PROJECT 04 TRANSITION

PROJECT 05

Life in Red

REFINING IDEAS, PLACING COMPONENTS

DESCRIPTION

A color project based on experimental typography.

APPROACH

I developed a series of conceptual posters to explore how red objects and their meanings are perceived in our daily lives. After several rounds of practice, I determined 9 subjects related to red, and visualized these subjects through experimental typography. I chose to create all the words and phrases in the form of a physical experiment, which enabled me to better capture the details of each subject to convey more insightful visual ideas.

COURSE

GR 613: Type Experiments

INSTRUCTOR

Tracy Merchant

DELIVERABLES

9 Printed Posters

Poster Packaging

CATEGORIES

Typography

Packaging

05 06
PROJECT 05 LIFE IN RED 111 PURPOSEFUL ACTION
HORRICO XU MA SELECTED WORKS 2020—2023 112
113 PURPOSEFUL ACTION PROJECT 05 LIFE IN RED
HORRICO XU MA SELECTED WORKS 2020—2023 114
115 PURPOSEFUL ACTION PROJECT 05 LIFE IN RED
HORRICO XU MA SELECTED WORKS 2020—2023 116
117 PURPOSEFUL ACTION PROJECT 05 LIFE IN RED
HORRICO XU MA SELECTED WORKS 2020—2023 118
119 PURPOSEFUL ACTION PROJECT 05 LIFE IN RED
HORRICO XU MA SELECTED WORKS 2020—2023 120
121 PURPOSEFUL ACTION PROJECT 05 LIFE IN RED
HORRICO XU MA SELECTED WORKS 2020—2023 122
123 PURPOSEFUL ACTION PROJECT 05 LIFE IN RED
HORRICO XU MA SELECTED WORKS 2020—2023 124
125 PURPOSEFUL ACTION PROJECT 05 LIFE IN RED
HORRICO XU MA SELECTED WORKS 2020—2023 126
127 PURPOSEFUL ACTION PROJECT 05 LIFE IN RED
HORRICO XU MA SELECTED WORKS 2020—2023 128
129 PURPOSEFUL ACTION PROJECT 05 LIFE IN RED
HORRICO XU MA SELECTED WORKS 2020—2023 130
131 PURPOSEFUL ACTION PROJECT 05 LIFE IN RED
HORRICO XU MA SELECTED WORKS 2020—2023 132
133 PURPOSEFUL ACTION PROJECT 05 LIFE IN RED

PROJECT 06

It's A Gym Thing

DEPLOYING IDEAS, SOLVING PROBLEMS

DESCRIPTION

A branding project based on problem-solving.

APPROACH

I created a brand It's A Gym Thing to provide a professional and healthy fitness guide for beginners who go to the gym for the first time. I developed 3 different deliverables, the first deliverable is a training plan that helps beginners better achieve their personal fitness goals. The second deliverable is an event that allows beginners to learn and experience some commonly used equipment in gyms, as well as analyze some potentially dangerous fitness equipment and exercises for beginners. The third deliverable is an app that provides a convenient platform for beginners to learn relevant skills before going to the gym.

COURSE

GR 620: Visual Thinking

INSTRUCTOR

Sandra Isla

DELIVERABLES

Event

Training Plan

App CATEGORIES

Branding

Environmental Design

Experience Design

06 06
PROJECT 06 IT'S A GYM THING 135 PURPOSEFUL ACTION
HORRICO XU MA SELECTED WORKS 2020—2023 136
137 PURPOSEFUL ACTION PROJECT 06 IT'S A GYM THING
HORRICO XU MA SELECTED WORKS 2020—2023 138
139 PURPOSEFUL ACTION PROJECT 06 IT'S A GYM THING
HORRICO XU MA SELECTED WORKS 2020—2023 140
141 PURPOSEFUL ACTION PROJECT 06 IT'S A GYM THING
HORRICO XU MA SELECTED WORKS 2020—2023 142
143 PURPOSEFUL ACTION PROJECT 06 IT'S A GYM THING
HORRICO XU MA SELECTED WORKS 2020—2023 144
145 PURPOSEFUL ACTION PROJECT 06 IT'S A GYM THING
HORRICO XU MA SELECTED WORKS 2020—2023 146
147 PURPOSEFUL ACTION PROJECT 06 IT'S A GYM THING Check In 10 Interesting Fitness Facts ENTRANCE
HORRICO XU MA SELECTED WORKS 2020—2023 148 Check In Smart Machine ENTRANCE 1 2 3 4 5 6 7 8
149 PURPOSEFUL ACTION PROJECT 06 IT'S A GYM THING
HORRICO XU MA SELECTED WORKS 2020—2023 150
151 PURPOSEFUL ACTION PROJECT 06 IT'S A GYM THING
HORRICO XU MA SELECTED WORKS 2020—2023 152

Experience Area

01 02 03 04

Staff

Experience Area 05 06 07 08

ENTRANCE

Check In

153 PURPOSEFUL ACTION PROJECT 06 IT'S A GYM THING
HORRICO XU MA SELECTED WORKS 2020—2023 154 Check In Gym Talk ENTRANCE
155 PURPOSEFUL ACTION PROJECT 06 IT'S A GYM THING
HORRICO XU MA SELECTED WORKS 2020—2023 156
157 PURPOSEFUL ACTION PROJECT 06 IT'S A GYM THING
HORRICO XU MA SELECTED WORKS 2020—2023 158
159 PURPOSEFUL ACTION PROJECT 06 IT'S A GYM THING
HORRICO XU MA SELECTED WORKS 2020—2023
161 PURPOSEFUL ACTION PROJECT 06 IT'S A GYM THING
PURPOSEFUL ACTION PROJECT 06 IT'S A GYM THING
HORRICO XU MA SELECTED WORKS 2020—2023
PURPOSEFUL ACTION PROJECT 06 IT'S A GYM THING
HORRICO XU MA SELECTED WORKS 2020—2023 166
167 PURPOSEFUL ACTION PROJECT 06 IT'S A GYM THING
HORRICO XU MA SELECTED WORKS 2020—2023 168
169 PURPOSEFUL ACTION PROJECT 06 IT'S A GYM THING
HORRICO XU MA SELECTED WORKS 2020—2023 170
171 PURPOSEFUL ACTION PROJECT 06 IT'S A GYM THING

TO MY FAMILY

My dear parents, thank you for your support and unconditional love. You will always be the role models in my life, I hope I can pursue my dreams as bravely as you.

My dear grandparents, thank you for all your care. You have always respected and supported my decisions, and I hope I can always make you proud.

My dear Eddie, thank you for always being there. I am so lucky to have met you on this journey, and I hope we can go through every journey of this life together.

TO MY INSTRUCTORS

Hunter Wimmer, Sandra Isla, Ryan Medeiros, Tracy Merchant, John Nettleton, Jeremy Stout, and Phil Hamlett. Thank you for your guidance. Each of you has taught me things about design, helped me overcome many difficulties, and gave me more confidence as a designer. Without you, I would not be where I am today. I believe this journey will be one of the most memorable in my life.

TO MY FRIENDS

Yutong Jia and Siyu Dong (at AAU). Thank you for all the help. You made me realize that I am not alone on this journey. I hope we can all have a bright future.

Betty Yuan, Yiwen Tang and Yonghuan Xiao. Thank you for always stand by my side. I would not be here if it were not for your support.

THANK YOU

CONTACT

Horricoxu.com

Design@horricoxu.com

SCHOOL Academy of Art University

School of Graphic Design

MAJOR

Master of Arts

Graphic Design&DigitalMedia

INSTRUCTOR

Phil Hamlett

COURSE

GR 700: MA Portfolio Seminar

BOOK TITLE

Purposeful Action

TYPOGRAPHY

Metronic Slab Pro

Filson Pro

PHOTOGRAPHY

Pexels.com

Unsplash.com

PRINTING

IngramSpark

PAPER STOCK

Mohawk Superfine Eggshell

100# Text

HORRICOXU.COM

Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.