GRA 217 – Tablet Magazine Design

Tablet Magazine Design Interactive PDF

Vertical Design

Jeong_You Jin_ Tablet_ Final_Resubmit

Jeong_You Jin_ Tablet_ Final_Resubmit2

Jeong_You Jin_ Tablet_ Final_Resubmit3

 Horizontal Design

Jeong_You Jin_ Tablet_ Final_Resubmit4Jeong_You Jin_ Tablet_ Final_Resubmit5Jeong_You Jin_ Tablet_ Final_Resubmit6

Visual Messages

My article is about how smoking immediately does to our body. Since the article is serious matter, I wanted to make images to be little fancier by using illustration design (I tried not to use pictures). For the cover, my visual design shows a young man who has very good body shape is disappearing into the background since his lung is burning with smoke. The lung is made up of cigarette, but it is not noticeable in this picture. I want to make the image graphically visualized for the cover. It conveys that smoking actually harms body. For the opening, the shape of lung is eaten by an insect that has a shape of one cigarette. By using same color of the opening page image, I create smoke image for the second page to show connectivity of two pages. For the alternative story, I put stories about 5 ways of helping quitting smoking.


My target audience is both women and men aged between the late 20s and late 30s. As younger generation is becoming more self conscious and interested in their health, this magazine is a health magazine for everyone, but specifically targeting young people.

Design Strategy

I used similar color through out opening page, secondary page and the alternative stories (Orange and gray are main colors) . I aligned headline, cover line and actual article.  For the cover, I want people to see the name of magazine. By using black background and white font colors, I added contrasts.

– Adobe InDesign ( Heavily) / Adobe Photoshop/Abobe Illustrator CC


GRA217 – Interface Design

Jeong_You-Jin_Interface_Final_Page-1-568x1024 Jeong_You-Jin_Interface_Final_Page-2-568x1024

Visual Messages

This is National Organization of Women (NOW) website. NOW is the largest organization that actively participates in feminist movement in the United States. It is founded in 1966. Since the foundation, 500,000 members contribute to this organization, and the members run 550 chapters in all 50 states and the District of Columbia. As a feminist advocacy group, it fights for women’s rights by taking actions such as educating the public about the status of women’s rights, protesting business that mistreat women and people of color, lobbying for the laws that promote equalities of women, etc.

When I accessed this website first time, I felt like the website is very old-fashioned. Even though this activist group is fighting for women in a modernized society. Its homepage heavily contains words, which make readers become boring.  Also, entire pages of this website are formed with purple, Red, and various colors that do not go along together – colors of this website make it look old and unstylish. It also uses the representative color, purple, to emphasize some information such as titles or information, but it does not attract readers to read the information and disturbs their continuous readings.

For this web-design, I wanted to give audiences a first impression that NOW is a modernized feminist organization. I also want my audiences that visit this website for the first time to feel that they want to know more about the organization and involve with some of its activities. In other words, my purpose is not to make them to join this group and become a feminist activist, but make them to know more about what the organization is about, what activities and campaigns they work for, what key issues that they address, and how new visitors can involve with daily lives.


My perspective audience is general women population, but specifically aged between 20’s and 40’s. The reason why I chose the specific aged women is that I think women in those ages are more interested in women’s rights and more active , and more involving with campaigns and activities.

Design Strategy

To deliver my purpose through web-site design, I put a big size of picture to capture eyes’ of audiences when they first access to this website, and its homepage and secondary page all have big portion of images. The picture shows women protesting for their equalities in the past. Logo and name of organization is important for web-site design.  Since I wanted to make this website feel feminine, I used a serif font, Georgia, for the name of organization. For the body content, I used a san-serif front, Helvetica, to make it more modernized and simplistic look. Moreover, I generally used purple color that represents the organization, and it gives static balance to my website.  For the navigation part, I made a change in font color of navigation to show which page the audiences are on. If the audience click ‘about’ on the navigation, the part will be changed from grey to purple.


Along with the picture, I put a slogan with a purple background. This picture and slogan will capture audiences’ eyes, and the audiences will directly have a sense of what this website is for. Under the big picture, three upcoming news are displayed with their images. Smaller sizes of pictures under a big picture give visual hierarchy. I put key issues and campaigns and events as my secondary information. I thought it is important for audiences of current members to know about what is going on in the organization, and for new visitors to know about key issues that this organization is working for. Since most of visitors are members of this organization, I thought campaign and events section should come first. It gives information hierarchy as well.

About  secondary page:

To make this page coherent with the homepage, I keep the big picture with a slogan, side body table, and footnotes, but the news display is removed. I put general information about what NOW is. Under the information, I put how they take actions for their movement. By having smaller fonts, this website has information hierarchy.

– Adobe InDesign/ Adobe Photoshop/Abobe Illustrator CC


GRA 217 – Poster design


Visual Messages

My poster is about “ Love Your Body “ campaign presented by a non-profit organization named National Organization of Women (NOW). This organization created a “ Love Your Body “ day for women on October 15, 2013.  The purpose of creating this day was to inform women and men how media in general and beauty industry portrayed beauty as skinny and unrealistic and how these beauty standards brings hazardous health conditions such as eating disorders, and to raise awareness of people about being themselves. For the day, there are various events such as opening “Yoga on the beach” for women, providing an art show, hosting a “ Google hangout”, etc.

For my poster, I wanted to challenge the message that a woman’s value should be measured by her own internal values, and not measured by the beauty standards that media and beauty industry have portrayed. I wanted audiences to feel that “Love Your Body” day is coming, so they participate in those events on the day.

I wanted my design to straightly show my message that I am conveying through this poster. For the image, I drew the woman’s body wrapped up with measure ruler. Through this image, I wanted to show how women tend to measure their body sizes, compare their sizes with other women’s body sizes, and force themselves to be in a beauty standard of women which is being skinny. My slogan is “you are more than numbers on measurement.” It contains a meaning of which women tend to measure their sizes, and the measurements are what they see themselves as. Thus, it implies that women should not value themselves by their weights and sizes, and their value comes from how they judge themselves.

I connected the image and the slogan by drawing a vertical line connecting to one of stoke of letter B. When audiences see this poster, I want them to feel a mannequin shape. It is because most clothes women wear are designed with the body shape of a mannequin which is women’s ideal body type. The body shape of a mannequin is also the result of how media and beauty industry has portrayed.

This poster design has gestalt principles –continuation and static balance. I put the design image, slogan and information in the middle of the poster. The reason why I centered all is that I wanted to give this poster feeling of calm and balanced. I did not want this poster to be dynamic, so it does not have intensity and high contrast. I think the message this poster is heavy so that I wanted my audience to feel more calm and comfortable when they see this poster. Also, I give line of continuation by connecting the image design and slogan, so it gives eye movements from the image to the information.


My perspective audience is all young women aged between 10’s and 30’s. Although I targeted young woman aged between10’s to 30’s, I think this poster can be for general women population. The reason why I chose the young women is that I think young women are more self-conscious about themselves and how other people judge them. Also, they are raised with beauty stereotypes that media portrayed, so that they are more affected by the stereotypes of beauty image.

Design Strategy

For the background, I used color that are between pink and purple The reason why I chose the color between pink and purple is that I wanted to show the symbols of both colors; pink represents romance, caring, calm and tenderness, and purple symbolizes royalty, trust, spirituality and wisdom. Since my message to the audience is that women should love their body without judging themselves by their weight and size, I wanted to show caring, tenderness, royalty, and trust through the background color. Also, the color pink represents the campaign, so I chose color similar to pink.  For the fond of slogan and information, I set Helvetica Neue with variations of size and weight. The font looks really neat and clean so that it gives good readabilities to audiences.  I used Helvetica Neue Regular for my slogan. One of the reason I bold the slogan was that I wanted the audiences to read it after they see the image of body wrapped up with rulers. Also, I wanted to make thickness of the font as the line connected to the body image. For rest of information, I used Helvetica Neue Ultralight because I thought that the information is secondary reading for the audiences.  I connected line from the body to the stroke of B because I want audiences to see slogan as the entire image that shows a mannequin shape. More over, it gives line of continuous to slogan when they see this image.

– Adobe InDesign / Adobe Photoshop

GRA217 – Resume Design


Visual Messages

Through the design of my resume, I intended to convey who I am: simple, positive, neat, and concise. I wanted my resume to be simple, but distinguished from other resume designs. I want to communicate to perspective employers that I have both calm and energetic sides. In order to address who I am, for wordmark design, I used “Helvetica Neue Regular” for my first name and “Helvetica Neue Ultralight” for my last name because I want my first name to be the first point that readers of my resume find out, and last name to be read the next. I used a line and connected it with one of the stroke of G to show that the content provided is related to and belong to who I am.  Also, I wanted to give active feeling into my resume since it’s very simple, I chose orange color, which radiates warmth, happiness, positive, and independence, and contain physical energy as well, for my first name and big categories of my resume.


My perspective audience would be employers working at PR agencies or a government or media entertainment agencies. I want to have a career in a corporate or government PR or media entertainment PR, which all requires confident, active, intellectual and organized personal qualities from applicants. (The fields that I am looking for are very different, so I wanted my audience be more general employers at any PR firms)

Design Strategy

I set Helvetica Neue as my typeface and wordmark design, with variations of weight and color. This font has not only clean but also modern look, so it shows my personality: simple, positive, neat, and concise. In order to give readers to good readability and consistency, I used same font size in the body, and combination of upper and lower cases of letters. I used different thickness of font and different colors to highlight parts that are important to be read, and used a line to be connected with the stoke of G, which is my last letter of last name, in order to give continuous line of eyes.

– Adobe InDesign