[x]

work


THREE TRIPS


DIY CENTURY EGGS


THE OKAY CLUB


HACK@BROWN 2018


HACK@BROWN 2017


UNITED KINGDOM COUNTRY DATA

UNITED KINGDOM COUNTRY DATA

infographic, illustration

DIY CENTURY EGGS

infographic, illustration

THREE TRIPS

infographic, data visualization

THE OKAY CLUB

brand identity design

HACK@BROWN 2018

print, digital, web design

HACK@BROWN 2017

print, digital, web design

KVSH CHOCOLATE

brand identity, packaging design

RETRO RENAISSANCE

print, digital, animation

BETWEEN TWO POLES

print, installation

LA MEI HOT POT

typography, system design

SENTIMENT CHOCOLATE

color, packaging design

ILLUSTRATION

EDITORIAL

OTHER

COMING SOON!

This is an infographic in the form of an accordion book which visualizes data about an assigned country; I got the United Kingdom!

For this assignment we had to show 30 different pieces of data about our given country (population, languages spoken in percentages, economy, etc) and organize them in some way.

Book Structure

I divided the 30 pieces of data into three categories: "Geography & Demographic", "Economy & Infrastructure", and "History & Culture". For each section I created a file folder-like tab which was cut out of the page as a pop-out, but could be flattened when you open the accordion book.

Geography & Demographic

As the title says, this section was all about the lay of the land, the climate in different areas, size, and details about population.

Economy & Infrastructure

This section visualizes the economy (imports and exports, agricultural and other products) and data about country infrastructure (how many devices per head, energy used, etc).

History & Culture

In this section I cover the history of the UK and its major events, as well as one piece of current information for which I chose to research Brexit.

Colophon

This project was created for Mapping Information under the instruction of Doug Scott during the Spring of 2018 at RISD.

This project was created for Mapping Information at RISD under the instruction of Doug Scott during Spring 2018.

The Road Less Traveled is a series of infographic posters I created which visualizes three different travels that I've been on: from my college dorm to my Providence workspace, from my dorm to my hometown in California, and from my dorm to my grandpa's house in Indonesia.

In each of these posters I compare an "ideal trip" and an "actual trip" path; I have this habit of getting sidetracked and being late, which ends up being costly to me in time and money when I'm traveling. You can see just how much difference it makes in the comparisons on each poster!

Trip 01: Apartment to RISD Design Center

This was the easiest trip to visualize because it only takes 5 to 15 minutes depending on which route I take. I added details of text messages I receive, friends I run into, and music I listen to.

Trip 02: Providence, RI to Pleasanton, CA

As you can see, the more complicated my trips are, the more costly my side-tracked paths become (both in time and money). In this "less traveled" path, I end up missing a train and a plane, and spending $300+ more! Classic me.

Trip 03: Providence, RI to Malang, Indonesia

This was the most complicated travel to visualize because it is the longest trip; I also had to create a graph that showed how I spent my time at the airport (in the center).

This project was created for Design For Good at RISD under the instruction of Annalisa Oswald during Wintersession 2018.

The Okay Club is a fictional non-profit organization that I designed which supports the intersectionality of mental health. This entity would live primarily on digital media and provide resources and solidarity for marginalized individuals fighting mental illness--mainly people of color and lgbtq communities.

Why is it called "The Okay Club"?

Often times when you’re fighting mental illness, it’s hard to see things as anything better than just okay. And sometimes that’s okay.

I’m okay, you’re okay, we’re okay, together.

Mind Map

The first step of brainstorming was to create a mind map of what I envisioned the brand to be like--what sort of personality and qualities it had. I narrowed down to six core traits:

CALM
UNIQUE
UNCONVENTIONAL
FLEXIBLE
EMPATHETIC
HOPEFUL

One challenge I faced when working on this project was making approachable work about a particularly serious topic.

Sketches

I began sketching ideas for the logomark. I didn't want this brand to become kitschy or cliche (normally when you think of mental health entities, they have classic heart or brain imagery).

Why the Bike?

I had a sudden epiphany of using a bike as the logomark. On an unrelated note, I had recently watched a youtube video about the self-stablization mechanism of bikes. You see, when you push a bike forward without a rider on it, the bike may sway left and right, but ultimately given it has enough momentum it will stabilize itself.

I believe the same principle applies to people. When you're dealing with depression or anxiety, you may feel like you've lost control of the situation. You may lose your way, but as long as you keep moving forward you will not falter.

Iteration

I had some difficulty finding the right styling for the bike illustration and typeface, but after several attempts I finally ended up with something I was proud of.

Final Concept

The final concept is a penny-farthing bicycle stylized to look like an "OK". The organic lines and typeface lend a human touch.

Infographic

The last step of the assignment was to create an infographic based on data relating to our organization. I created a short booklet about mental health and marginalized communities (a quick rundown on what it means, what obstacles they face, and how we can help the cause). The bicycle is used as a metaphor throughout the book.

Infographic

Example spread

Infographic

Last page

Website

Loading animation

Stickers

Real stickers that I printed for critique

Hack@Brown is the annual hackathon hosted by Brown University. We (the team) work to organize the event for most of the year!

I have been on the Hack@Brown Design team for two years now; this year I led the team, and together we made some awesome stuff!

Hackathon Hackers Hack

Hack@Brown's mission statement is to host a hackathon that caters to beginners and newcomers--people who have never coded before.

Often times code is a rather intimidating concept to approach, so we strive to create a friendly environment that encourages people to try something new whether it's code, VR/AR or sick hardware!

Hack@Brown Team Members

Our team works hard to deliver a fun and memorable event!

Hack@Brown Design

The design team is tasked with designing and branding an event that is approachable and fun. Each year we do so by using cute illustrative styles and popping color palettes. We create everything from posters to apparel and nametags--anything that needs design.

Style Guide 2018

We first brainstorm a theme, color palette, and style for each year's hackathon as a team of 6-7 people. We then use this styleguide to create the rest of our brand assets.

Animation

This year our theme was "In the Making" and we wanted to use an organic illustration style inspired by Slack! I created this animation for the hacker dashboard that embodies the idea of growth.

Hack@Brown 2018 Website

This was the Hack@Brown 2018 landing page which we designed, then handed off to the Development team to be constructed.

You can visit the site at https://2018.hackatbrown.org!

Hack@Brown 2018 Registration Form

We designed the registration form to be a fun process to go through. The illustrations add a short narrative.

Hack@Brown 2018 Hacker Dashboard

I designed the Hacker Dashboard this year. When students who have applied log into their accounts they are brought to this page which shows them a checklist of things to be done.

Hack@Brown 2018 Design Team!

None of this would have been possible without our amazing design team! I'm so thankful to be part of such a collaborative and enriching organization. :-)

Hack@Brown is the annual hackathon hosted by Brown University. We (the team) work to organize the event for most of the year!

This was my first year on the team! I joined as a sophomore at RISD.

Hackathon Hackers Hack

Hack@Brown's mission statement is to host a hackathon that caters to beginners and newcomers--people who have never coded before.

Often times code is a rather intimidating concept to approach, so we strive to create a friendly environment that encourages people to try something new whether it's code, VR/AR or sick hardware!

Hack@Brown Design

The design team is tasked with designing and branding an event that is approachable and fun. Each year we do so by using cute illustrative styles and popping color palettes. We create everything from posters to apparel and nametags--anything that needs design.

This is the website we designed for the 2017 Hackathon.

Hack@Brown 2017 Registration Form

The registration form we designed follows the same theme and style of the landing page.

Day-of Pamphlet

Informational pamphlet I designed for the actual hackathon; they were distributed to all the hackers that attended.

Workshop Banners

Hack@Brown also hosts introductory-level tech-related workshops throughout the course of the academic school year as well as a series during the actual hackathon. I designed several Facebook banners for the events!

2017 Apparel

These are the crewneck designs I created for this year! Sometimes I still see people wear them around campus on the daily. :-)

That's a Wrap!

I'm beyond grateful that I've had the opportunity to be a part of such an amazing organization! I've met and worked with the most amazing human beings through Hack@Brown and together we put on such an awesome, impactful event!

This project was created for Mapping Information at RISD under the instruction of Doug Scott during Spring 2018.

I created a small accordion book detailing the process of do-it-yourself Century Eggs, or Pidan in Chinese.

What Are Century Eggs?!

Century eggs are duck eggs that are fermented in a caustic mixture and left for several weeks. The yolk turns creamy and green, and the whites turn gelatinous and brown. They are certainly an acquired taste for those unfamiliar with this asian delicacy!

Project Prompt

We were instructed to choose any type of process (how orange juice is made, how airplanes are constructed, etc), and create a step-by-step visual showing the process using as few words as possible.

Project Egg-secution

I chose to show the process of making century eggs. Using mostly pictorial and iconic language I showed this process. The brown paper choice signifies the color of the egg yolk, and the use of black circular shapes represents the eggs.

Cover Page

Ideally, this DIY guide would come inside a box with all the ingredients you need pre-packaged and measured out.

Ingredients

You will need:

6 duck eggs (not included)
black tea
sea salt
wood ash
quicklime (calcium oxide)
rice chaff
mason jars

These ingredient icons are used throughout the booklet to omit the use of words.

Step 01

Pour the black tea leaves into boiling water and brew tea.

Step 02

Pour the calcium oxide, salt, and wood ash into a bowl and stir to combine.

Step 03

Combine the black tea with the mixture of calcium oxide, salt, and wood ash.

Step 04

Coat each egg in the caustic mixture.

Step 05

After coating in caustic mixture, cover each egg with rice chaff.

Step 06

Store the eggs in air-tight jars for 4-5 weeks.

Step 07

After 4-5 weeks, remove the eggs from the jars.

Step 08

Peel the eggs open; the whites should have turned gelatinous and dark and the yolk creamy and green.

Step 09

Slice the eggs in your preferred method.

Step 10

Suggested Dishes: Spicy cold tofu with century egg slices, and meat & century egg congee (porridge)

Back Cover & Colophon

Typeface is GT Pressura.

I hope you try making these delicious weird eggs!

This project was created for Design for Good at RISD during Wintersession 2018.

For this project we were assigned to design a fun chocolate packaging. I designed a whimsical packaging for a cannibis-infused chocolate!

Trip 01: Apartment to RISD Design Center

This was the easiest trip to visualize because it only takes 5 to 15 minutes depending on which route I take. I added details of text messages I receive, friends I run into, and music I listen to.

Trip 02: Providence, RI to Pleasanton, CA

As you can see, the more complicated my trips are, the more costly my side-tracked paths become (both in time and money). In this "less traveled" path, I end up missing a train and a plane, and spending $300+ more! Classic me.

Trip 03: Providence, RI to Malang, Indonesia

This was the most complicated travel to visualize because it is the longest trip; I also had to create a graph that showed how I spent my time at the airport (in the center).