Goals
Design Approach
The current problem of the campus is students feel very embarrassed to talk about their problem. Students think that having a problem is abnormal because it makes them a failure. Also, it is very difficult for students to get help right away because of the limited resources CAPS provides. Therefore, we came up with alternative solutions that help students deal with stress. Raising awareness that many people in this community struggle with the same problem would help student feel more comfortable speaking about their problem.
For this project, we want to provide a better communication between the school and students, help students feel supported by the school/peers, and allow them to get help from school or community whenever they need help - not make them wait until the next appointment at CAPS.
We wanted to help students feel supported by the school/ community and help students deal with their stress whenever they need help, so we created an anonymous online blog. On the online blog system, people can post their problem and peers can comment/give advise to the person who post his/ or her problem. We thought about the online blog system because it is evident from our survey that people feel very comfortable to share on online blogs anonymously if they have problems that they feel uncomfortable to share with their friends or parents – because it is easier to talk about the problem when you know that no one knows who you are, when both asking and answering. This system could make students feel supported by the school/ community because they have someone to talk to, get advises from peers who have gone through similar problem, and get promise that the problem they are having will be end at some point. Moreover, this online blog could raise awareness to students that they are not the only one who struggle, because students will be able to see when they go on the online blog, that other students also suffer from stress related problems.
The adjectives we used to describe this project are considerate, approachable, helpful, caring, honest and comfortable. We wanted to use warm, pastel colors to welcome those in need of help.
Also, we are planning to create a mobile app which has encouraging quotes and app version of the online blog. We thought about mobile app form because mobiles are 24/7 with students and it is evident from our survey that students feel more comfortable with sharing their problems anonymously through digital devices. Lastly, we are planning to create cards that advertises the online blog and the app. The purpose of this cards is not only to advertise but also to encourage students and to make friendly and approachable communication between school and students.
Intermediate Typography: Organizing Information, Instructor: Stacie Rohrbach Meaning in Color Through Object and Place, Instructors: Charlee Brodsky and Mark Mentzer
Challenge
1
Team Lighten Your Load: Suzanne Choi, Hyun Doug Kim, Ji-Young Lee
This project, Lighten Your Load, strives to address the issue of student’s mental health problem that exists on the Carnegie Mellon University campus in Pittsburgh, Pennsylvania.
Healthy Quality of Life I Spring 2013
Overview
Context
Medium
1. Undergraduates who are under mental stress. Because we believe mind is the root of all the further problems - such as behavior, academic, sleep cycle, eating habit…etc.- and thus it is important to make them happy inside to improve their outside problems/ shapes. Undergraduates will also give advices/comments on the blog.
Students’ individual mailboxes, classrooms, library desks.
We are thinking about online blog forms because it is evident in our survey that many people feel more comfortable to speak anonymous in online space. Also we are thinking about the blog in mobile app form because mobiles are 24/7 with students, therefore makes students’ interaction with the blog more convenient. For advertisement of our blog and app, we are thinking about physical card form. It was evident from out servey that people feel more attached to tactile things than digital things. Physical card from can also be more permanent rather than digital form in display purposes.
2. Graduates who are majoring in psychology: These students will monitor the blog comments so that no mean comments get uploaded. They will have the authority to approve or disapprove comments. They will earn credits for their work.
We would like to place the advertisement cards in student’s mailboxes, classrooms and library desks. The physical/tactile cards would give students more friendly and individualized feelings. Encouraging quotes will be placed outside of the cards, and information about our blog and app will be placed inside. We are hoping that student place these cards on their personal desk as decorations after they get these cards, and refer to these cards when they need help to find out information about our blog and app.
Intermediate Typography: Organizing Information, Instructor: Stacie Rohrbach Meaning in Color Through Object and Place, Instructors: Charlee Brodsky and Mark Mentzer
Audience
2
Team Lighten Your Load: Suzanne Choi, Hyun Doug Kim, Ji-Young Lee
Lighten Your Load is defined by the audience it serves, the context in which it exists, and the form that it takes.
Healthy Quality of Life I Spring 2013
Parameters
Lighten Your Load is characterized by a series of steps that define the experience.
Intermediate Typography: Organizing Information, Instructor: Stacie Rohrbach Meaning in Color Through Object and Place, Instructors: Charlee Brodsky and Mark Mentzer
Narrative
Other than the individual mailboxes, students will be able to find Lighten Your Load cards on library desks and classroom desks.
The cards are designed to stand on desks and other surfaces. Students just have to place the card on their desks if they desire to use it as a decoration.
We are hoping that students fancy our cards with quotes and design. Students can save our cards for future reference. If they kept the cards, they can easily use them to access the information about our site and app.
Even if they did not keep the cards, students will remember reading about Lighten Your Load’s information. When they have issues they want to share anonymously, they can refer our website or app.
If the student kept the card on their desks, getting information about our website and the application would be easier.
Team Lighten Your Load: Suzanne Choi, Hyun Doug Kim, Ji-Young Lee
Students will find Lighten Your Load’s advertisement cards in their individual mail boxes. They will be able to interact with the opening cards which has encouraging quotes on the front and information about the Lighten Yout Load’s website and application inside.
Healthy Quality of Life I Spring 2013
3
Intermediate Typography: Organizing Information, Instructor: Stacie Rohrbach Meaning in Color Through Object and Place, Instructors: Charlee Brodsky and Mark Mentzer
Students can diagnose their issues and click the related category. For example, if the student is having a relationship issue, they can press the relationship button to read and share issues.
On the page labeled relationship issues, students can share their story anonymously. Sometimes students get afraid to share their story because they don’t want their names to remain as a record. The anonymous system will allow students to write their problems with more comfort.
When student’s post their issues. Other students can give advise to the student having issues by commenting on his/her posts. The website will be open to all the CMU students so the students having problems can recieve various advice.
Because there is a chance that some students can post irrelevent or mean comments. We will have psychology master student to monitor the site. Master students will have the power to delete or approve comments. They will get 3 credit for their work and they will be trained.
Students will first see the stories but not the comments.
Team Lighten Your Load: Suzanne Choi, Hyun Doug Kim, Ji-Young Lee
When students visit our website, they will see five catagories: academic, financial, relationship, emotional and physical issues.
Healthy Quality of Life I Spring 2013
4
Intermediate Typography: Organizing Information, Instructor: Stacie Rohrbach Meaning in Color Through Object and Place, Instructors: Charlee Brodsky and Mark Mentzer
Other than the issues that students posts, on our website we will also have quotes from CMU. These are quotes spoken by CMU’s faculty, staff and students. If students wanted to read what CMU community has to say and wanted to feel community support, they can simply visit the other tab of our website.
Because almost every CMU students owns a mobile phone, we thought to create an mobile app version of our website. Mobile web will allow students to get help instantly when they need help which out waiting.
The app will also have three main tabs: share your issues, CMU voices and about us. Students can share their story, give advcie and read about CMU quotes and us, just like they would on their computers only this time, they will be using their mobile phones.
The stories and quotes will follow a clean one column grid. We wanted to give each story ample amount of space and equal importance. One column is our way of saying student’s issues are important and CMU cares.
Team Lighten Your Load: Suzanne Choi, Hyun Doug Kim, Ji-Young Lee
If they click on the story’s comment button, the students will be able to see other’s comments on that specific story.
Healthy Quality of Life I Spring 2013
5
Intermediate Typography: Organizing Information, Instructor: Stacie Rohrbach Meaning in Color Through Object and Place, Instructors: Charlee Brodsky and Mark Mentzer
6 Students will feel supported and thank the helps.
Team Lighten Your Load: Suzanne Choi, Hyun Doug Kim, Ji-Young Lee
With the advice given, the student might be able to get out their issues or at least feel less stressed about it then before.
Healthy Quality of Life I Spring 2013
By recieving advice from fellow students, the student who shared her story will realize that she is not the only one with problems. She will be able to relate to fellow students better.
Intermediate Typography: Organizing Information, Instructor: Stacie Rohrbach Meaning in Color Through Object and Place, Instructors: Charlee Brodsky and Mark Mentzer
They can share their experience and give advice.
Students can give advice either on their computer or their mobile phones using our Lighten Your Load application.
Hopefully students will feel better about the issues they had.
Maybe they feel more of a part of CMU’s community.
We are hoping that students feel accomplished by helping other students.
Team Lighten Your Load: Suzanne Choi, Hyun Doug Kim, Ji-Young Lee
We are hoping that students who recieved help will return the help by writing comments to posts.
Healthy Quality of Life I Spring 2013
7
Lighten Your Load consists of several different types of content, which are defined here.
Intermediate Typography: Organizing Information, Instructor: Stacie Rohrbach Meaning in Color Through Object and Place, Instructors: Charlee Brodsky and Mark Mentzer
Content
8
Written content
Written content
Title: Lighten Your Load
Heading: Share your issues
Subtitle: Encouraging quotes
Title: emotional,physical,academic,relationship,financial
Body: Is something weighing you down? share your story, and lighten your load. www.cmu-lyl.com
Subtitle: Emotional section Body: Issue posted by a student “I feel depressed lately, I don’t want to see anyone. I don’t want to go to classes but I go because I am scared of my GPA falling. I feel like too much is going on my life that I cannot control. I don’t want to eat somedays, I can’t fall asleep some nights.”
We also created a mobile app, so that people have instant access to the website.
Sample response by other students: “When I cannot fall a sleep, I write down what’s in my mind. Dump it all out on a paper and listen to calming music. It helps!” “I have been through a period, when I was not consuming food. I regretted it later because after I had bad stomachaches. I know it’s hard, but try to eat. Health matters!” Comments that will be deleted by the administer: “Dont’ call this depressing. you don’t know anything about depression. Deal with it!” ( erased by administer ) The written content is same for website and mobile app.
Team Lighten Your Load: Suzanne Choi, Hyun Doug Kim, Ji-Young Lee
This is the website the card advertised. It is categorized in to five sections, so that the writer can easily get replies.
Healthy Quality of Life I Spring 2013
We placed the cards inside the mailbox and library/classroom desks for advertisement purposes. It is made to advertise our website and app. The attractive cover and the interation(opening the card) serves the purpose more efficiently.
Lighten Your Load is situated in various places throughout the Carnegie Mellon campus as shown below.
Intermediate Typography: Organizing Information, Instructor: Stacie Rohrbach Meaning in Color Through Object and Place, Instructors: Charlee Brodsky and Mark Mentzer
Context
9 Library desk: We chose library desks for those who don’t check their mail boxes often. We are planning to put our 3x3 introduction cards on the library desks, so that student who come to the desk could take the cards- like a surprise gift!
Classroom desk: We chose classroom desks for those who don’t check their mail boxes often or doesn’t go to library often. We are planning to put our 3x3 introduction cards on the individual classroom desks, so that student who sit on the desk could take the cards.
Healthy Quality of Life I Spring 2013
Student will find out our introduction card from their mail boxes and they will first see beautiful brush stroke with encouraging quote on the outside, then they will find out information about our blog and app when they open it. We hope that students to put the cards on their wall or on their desk as a decoration and refer to it when they need help later ( same for other context).
Team Lighten Your Load: Suzanne Choi, Hyun Doug Kim, Ji-Young Lee
UC mail box: We chose UC mail boxes to evoke personal feeling and care to our users. We are planning to put our 3x3 introduction cards into student’s individual mailboxes.
Intermediate Typography: Organizing Information, Instructor: Stacie Rohrbach Meaning in Color Through Object and Place, Instructors: Charlee Brodsky and Mark Mentzer
10 Our blog will also be available in mobile app. Whenever students feel they want to go to our blog, they will refer to the introductory cards that they received, then they will download the app from app store. After they download the app, students can click on our app icon in order to go to the blog. Students will have access to the blog anywhere with internet or 3g/4g access. Team Lighten Your Load: Suzanne Choi, Hyun Doug Kim, Ji-Young Lee
Our blog will be living in online space. Whenever students feel they want to go to our blog, they will refer to the introductory cards that they received,then they can simply type in our url “ www.cmu-lyl.com “ in any of the browsers. When they type in our url, they will be redirected to our blog.
Anywhere with mobile phone:
Healthy Quality of Life I Spring 2013
Anywhere in front of computer (using Internet Explorer, Safari, Chrome, Firefox, etc.):
Lighten Your Load is characterized by visual components that stay consistent among all of the communication materials. This creates a cohesive system that connects seemingly disparate communication pieces.
Color
Palette
We used pastel colors of different hue to reveal friendliness of our piece. The light muted colors evoke friendly, approachable, comfortable, helpful, and caring feelings. We selected hues that many people associates with words relationship, financial, emotional, academic, and physical: red for relationship (love), green for financial (dollar bill), blue for emotional (feeling blue), yellow for academic (yellow-notepad), and purple for physical (bruises).
These colors serve as the color palette for the communication system
Font color in each section is in similar hue of the section, but has enough contrast between background and foreground, in order to ensure readability and legibility of the content. For darker background ( such as comment boxes), the font color is white.
CMYK: 25, 21, 84, 0 opacity : 20% Pantone: 7751 C opacity : 20% RGB: 199, 184, 79 opacity : 20%
CMYK: 51, 29, 83, 8 opacity : 20% Pantone: 7491 C opacity : 20% RGB: 131, 145, 80 opacity:20%
bg color for emotional section/ quotes
bg color for academic section/ quotes
bg color for financial section/ quotes
bg color for relationship section/ quotes
bg color for emotinal-issue
bg color for academic-issue
bg color for financial-issue
bg color for relationship-issue
bg color for emotionalcomment
bg color for academiccomment
bg color for financial-comment
bg color for relationshipcomment
font color for emotional section
font color for academic section
font color for financial section
font color for relationship section
CMYK: 39, 90, 47, 21 opacity : 20% Pantone: 7642 C opacity : 20% RGB: 137, 51, 85 opacity: 20%
CMYK: 0, 0, 0, 10 opacity : 100% Pantone: 663 C opacity : 100% RGB: 230, 231, 232 opacity: 100%
11
Usage Each type of information is set in a specific color/set of colors as shown below. Team Lighten Your Load: Suzanne Choi, Hyun Doug Kim, Ji-Young Lee
We differentiated types of content within a section by values. For example, background color is in the lightest value, issues/concerns that users post are in darker value, and comments from other people ( which is revealed only when user clicks on “comment button”) are in the darkest value. The darker value will also let users to know “what am i looking at now”.
CMYK: 83, 83, 0, 0 opacity : 20% Pantone: 2725 C opacity : 20% RGB: 77, 74, 159 opacity: 20%
Healthy Quality of Life I Spring 2013
The selected colors, as can be seen on the right side, serve as theme color for different sections in our blog. So the homepage starts out in gray and has five spot colors of the selected hues that represents different sections in our blog.If user clicks one of the section, the user will be redirected to the page that is entirely filled up with the theme color of the section.
CMYK: 41, 24, 1, 0 opacity : 20% Pantone: 2717 C opacity : 20% RGB: 149, 174, 216 opacity : 20%
Intermediate Typography: Organizing Information, Instructor: Stacie Rohrbach Meaning in Color Through Object and Place, Instructors: Charlee Brodsky and Mark Mentzer
Visual Vocabulary
Each piece is design accordingly to the percentages of colors shown here.
bg color for physical section/ quotes
bg color for home/quotes
homepage-desktop
bg color for physical-issue
font color for section that is not selected
emotional issues page-desktop
bg color for physical-comment
font color for section that is selected
academic issues page-desktop
font color for physical section
Intermediate Typography: Organizing Information, Instructor: Stacie Rohrbach Meaning in Color Through Object and Place, Instructors: Charlee Brodsky and Mark Mentzer
Each type of information is set in a specific color/set of colors as shown below.
12
relationship issues page-desktop
financial issues page-desktop
physical issues page-desktop
Team Lighten Your Load: Suzanne Choi, Hyun Doug Kim, Ji-Young Lee
Percentages
Healthy Quality of Life I Spring 2013
Usage
Each type of information has type specifications as shown below.
We unified our blog and mobile app with Rotis San Serif, and gave different sizes to the font to show hierarchy. Within the sizes, we didn’t exceed 18pts, in order to evoke airy and comfortable feeling of our blog. For mobile app, we kept the font sizes of the body same as the website for readability. However, the ratio of the screen and the text size is smaller than in the blog. For the cards, we made the type size smaller compared to the image because we wanted people to see the image first. Our purpose was to catch people’s eye with the image, then let them want to read the quote and the inside. In the inside we reduced the size of the font to evoke quite but sincere feeling. We used Serif on the cover of the card because we wanted to give a little differentiation from the rest of our project. The blog and app focuses on voices from CMU. Whereas, the cover of the cards are quotes from famous people. We wanted the san serif fonts for CMU related and serif fronts for outside sources. Also, even though we are aiming for friendliness and approachable atmosphere, our blog is an official system. By using serif instead of San serif, we are showing the serious aspect of our project.
Website_tabs Rotis San Serif Type Size:18pt Type Style: 45Light
Web_ main categories Rotis San serif Type Size: 12pt Type Style: 45Light
Fighting for your dreams isn’t always easy but it’s so worth it.
Card_cover quote Type Size:12pt Type Style:serif 55
Relationships Fiancial Academic Emotional Physical
John Lennon
Card_cover name Rotis Serif Type Size:10pt Type Style: serif 55
what is weighing you down?
Web_ main & subtitle Rotis San Serif Type Size: 14pt Type Style:45Light
Is something weighing you down?
Card_Inside Rotis San Serif Type Size: 11pt Type Style: 45light
Relationships Fiancial Academic Emotional Physical
Web_categories Rotis San Serif Type Size: 11pt Type Style:45Light
Rotis Serif
Intermediate Typography: Organizing Information, Instructor: Stacie Rohrbach Meaning in Color Through Object and Place, Instructors: Charlee Brodsky and Mark Mentzer
The atmosphere of our project is approachable, friendly, and honest. In the process of choosing fonts, we decided to use the San Serif fonts because it was more friendlier than the Serif fonts. We tried meta first, but it made our blog look clinical, which was not what we were aiming for. After meta, we tried handwritten fonts to add friendliness. However, it made our blog too childish and was hard to read. When we tried Rotis San serif and Serif, it gave us the atmosphere we wanted to form, which was the friendliness and approachable. Rotis is also legible.
share your issues
13
Team Lighten Your Load: Suzanne Choi, Hyun Doug Kim, Ji-Young Lee
Usage
Healthy Quality of Life I Spring 2013
Typography
Website_Log in Rotis San Serif Type Size:12pt Type Style: 45Light
2013.4.17
Web_ date & comment
student ID
Mobile_Log in Rotis San serif Type Size: 12pt Type Style: 45Light
comment
Rotis San Serif
Type Size:8pt Type Style:45Light
I feel depressed lately, I don’t want to see anyone. I don’t want to go to classes
Web_body Rotis San Serif Type Size:11pt Type Style: 45light
share your issues
Mobile_tabs Rotis San Serif Type Size: 12pt Type Style:45Light
Hyun Doug Kim
Web_quotename Rotis San Serif Type Size: 10pt Type Style: 45light
what is weighing you down?
Mobile_subtitles Rotis San Serif Type Size: 12pt Type Style:45Light
Intermediate Typography: Organizing Information, Instructor: Stacie Rohrbach Meaning in Color Through Object and Place, Instructors: Charlee Brodsky and Mark Mentzer
student ID
14
Team Lighten Your Load: Suzanne Choi, Hyun Doug Kim, Ji-Young Lee
Website_ category selected Rotis San Serif Type Size:11pt Type Style: 65Bold
Healthy Quality of Life I Spring 2013
Relationship
Mobile_body Rotis San Serif Type Size:11pt Type Style: 45Light
Relationships
Mobile_ category selected
Hyun Doug Kim
Mobile_ quote name Rotis San serif Type Size: 8pt Type Style: 45Light
Rotis San Serif
Type Size:10.5pt Type Style:65Bold
I feel depressed lately, I don’t want to see anyone. I don’t want to go to
Mobile_body Rotis Serif Type Size:11 Type Style: serif 55
2013.4.17 comment
Mobile_ date & comment Rotis San Serif Type Size: 6pt Type Style: 45light
Intermediate Typography: Organizing Information, Instructor: Stacie Rohrbach Meaning in Color Through Object and Place, Instructors: Charlee Brodsky and Mark Mentzer
I feel depressed lately, I don’t want to see anyone. I don’t want to go to
15
Team Lighten Your Load: Suzanne Choi, Hyun Doug Kim, Ji-Young Lee
Mobile_ categories Rotis San Serif Type Size:10.5pt Type Style: 45Light
Healthy Quality of Life I Spring 2013
Relationships Fiancial Academic Emotional Physical
Intermediate Typography: Organizing Information, Instructor: Stacie Rohrbach Meaning in Color Through Object and Place, Instructors: Charlee Brodsky and Mark Mentzer
Images We used water color marks on our project. We wanted soft, friendly, welcoming, comfortable look to our project and we thought the light water color matched well. Water color marks can never be recreated exactly. Each and every mark is individual and special. We thought that individuality goes well with our project, for we think each and every posts students make are unique on their own. We wanted the texture of the water color paper to show so we purposly controlled the amount of water we used. We unified the stroke to a single line to show honesty. This red mark corresponds to relationship issues. The mark is rough to symbolize the fierce nature of relationship issues.
This purple represent physical issues. The purple mark which represents bruise starts off dark but fades slowly. We wanted to tell students that bruise will one day go away like the issues they are having.
Our financial image is green. This green stroke represents the dollar bill. With this mark we tried to represent money cannot define happiness. One day you might be loaded with money, one day you might not, but no matter what happiness will always be there.
Team Lighten Your Load: Suzanne Choi, Hyun Doug Kim, Ji-Young Lee
We have blue for emotional issues. This blue water color mark will sit on the emotional issues quote card. This mark is less fierce than other marks like how our emotions are everywhere.
Healthy Quality of Life I Spring 2013
Yellow line symbolizes academic. The rising stroke resembles students striking for a higher grade. We lowered the opacity to state that at Lighten Your Load, that higher grade matters less.
16
We have three components to our project: website, application and advertisement card. The website and application is for tech-savy CMU students. On the survey we sent out, 70 % of students replied they prefer using anonymous online system than to offline (see a counselor, talk to a friend, family, writing on a wall etc.) to discuss their issuses. The friendly site will welcome students to share their problems and feel supported. The application allows students to carry that support no matter where they go. Although, our project focuses heavily on online, we did not wanted to exclueded the power that offline presents. We decided to include small hand heldable card to welcome anyone who is interested in visiting our website. 97% of survey fillers prefered receiveing a card than an e-mail in terms of friendliness.
card 3x3 inches
mobile application 320 x 480 pixels
Intermediate Typography: Organizing Information, Instructor: Stacie Rohrbach Meaning in Color Through Object and Place, Instructors: Charlee Brodsky and Mark Mentzer
Proportions
17
website 1280 x 1024 pixels
Team Lighten Your Load: Suzanne Choi, Hyun Doug Kim, Ji-Young Lee
Healthy Quality of Life I Spring 2013
All of the medium proportion shown right are shrunk by 3.
Intermediate Typography: Organizing Information, Instructor: Stacie Rohrbach Meaning in Color Through Object and Place, Instructors: Charlee Brodsky and Mark Mentzer
Materials The materials we used are watercolor on canson paper and the digital forms such as the website and the mobile app. For the design of the advertising cards, we used watercolor on canson paper to make friendly and approachable feelings through the hand generated marks. The light color and the texture of the storke provides user friendly feeling and make people want to keep the card and visit our website.
18 For the advertising cards, we used watercolor on canson paper. We used water color to provide a friendly and approachable feeling through the hand generated marks.
Digital forms are also one of our materials. Websites are suitable for providing an anonymous space where students care share their issues.
Another digital form we used was the mobile app. Through the mobile app, students have easier and instant access to the blog, increasing the interation between the students and the blog.
Healthy Quality of Life I Spring 2013
Along with the website, we used a mobile app. Mobile app provides instant acccess to the blog. It is in same design and purpose as the website, but it increases the interaction between the users and the blog. Increase of the accessibility will make more people to participate in the online community.
Team Lighten Your Load: Suzanne Choi, Hyun Doug Kim, Ji-Young Lee
We also used the digital form. One of the digital forms we are using is the website. Through the survey we sent out, we received the result that people feel more comfortable when sharing their issues through online ananymously. We are creating an online blog where peers can help each other’s issue. The blog will form a community feeling that that person is not the only person going through struggles.
Intermediate Typography: Organizing Information, Instructor: Stacie Rohrbach Meaning in Color Through Object and Place, Instructors: Charlee Brodsky and Mark Mentzer
Graphic Language We added water color marks on the background to match our voice with our introductory cards images. And we used organic hand-feel-marks to evoke personal, comfortable, and approachable feeling to our users. The graphic language we are using help users to lessen their burden while writing about their issues and concerns.
The post box has drop-shadow while posts that are already posted don’t. We gave drop-shadow to post box to distinguish the post box from other posts.
The issues and comment boxes have organic hand marked edges. We made boxes to not have angular corners or harsh edges in order to evoke approachable feeling of our piece.
Tabs and outer boxes also have organic-hand-marked edges, for the same reason as issues and comment boxes. We add water color marks on the background in order to visually connect our blog&app to our cards.
Team Lighten Your Load: Suzanne Choi, Hyun Doug Kim, Ji-Young Lee
These marker marks below category names represents theme color for each category. The imperfect hand-feel marks reminiscent users of picking a pen color for their personal diary.
Healthy Quality of Life I Spring 2013
19
Lighten Your Load resulted in a set of design pieces that function as a cohesive system, as shown below.
Intermediate Typography: Organizing Information, Instructor: Stacie Rohrbach Meaning in Color Through Object and Place, Instructors: Charlee Brodsky and Mark Mentzer
System Examples
20
This is the layout of our emotional page. Other pages appear in their corresponding colors. First, students will only see the stories. Team Lighten Your Load: Suzanne Choi, Hyun Doug Kim, Ji-Young Lee
When students log in and access our homepage, they can click on any of the five categories to share their issues. For example, if the student clicks, the emotional issues button, they will be redirected to our emotional issues page.
Healthy Quality of Life I Spring 2013
When students enter our url, they will arrive at our log in page. When they enter their andrew id and press either student or admin, they will be directed to our homepage. This log in is to prevent non-CMU people from accessing the site. The site will still remain as anonymous.
Lighten Your Load resulted in a set of design pieces that function as a cohesive system, as shown below. I feel depressed lately, I don't want to see anyone. I don't want to go to classes but I go because I am scared of my GPA falling. I feel like too much is going on my life that I cannot control. I don't want to eat somedays, I can't fall asleep some nights.
share your issues
cmu voices relationships post your issue
financial
academic
emotional
about us physical
2013.4.20
I don’t know why but I am so tired. I haven’t done anything today, yet, I feel like as if I ran a marathon. I feel dizzy. I just want to stay in bed all day. I just want to sleep and I wish no one or work will wake me up. I get extremely mad at whomever woke me up. comments
write
Intermediate Typography: Organizing Information, Instructor: Stacie Rohrbach Meaning in Color Through Object and Place, Instructors: Charlee Brodsky and Mark Mentzer
System Examples
2013.4.21
You should take care of your own problem. You go to CMU and you are adult. Don’t be childish!
approve disapprove
2013.4.20
When I cannot fall a sleep, I write down what's in my mind. dump it all out on a paper and listen to calming music. It helps!
21
2013.4.20
I have been through a period, I regretted it later because after I had bad stomachaches. I know it's hard, but try to eat. Health matters! 2013.4.19
Because, the comments can be inappropriate, the graduate students can monitor the website and either approve or delete the comments.
Team Lighten Your Load: Suzanne Choi, Hyun Doug Kim, Ji-Young Lee
Other students can see that new story has been posted. If they click the comment button next to the story, they can write comments for that story. When they press the button post, the comment will be posted and like the stories, the latest comment will sit at the top.
Healthy Quality of Life I Spring 2013
When students click the post your issues page, the post box will appear for students to write their story. After they post the issue, the newly posted issue will sit at the very top.
I feel depressed lately, I don't want to see anyone. I don't want to go to classes but I go because I am scared of my GPA falling. I feel like too much is going on my life that I cannot control. I don't want to eat somedays, I can't fall asleep some nights.
Lighten Your Load resulted in a set of design pieces that function as a cohesive system, as shown below.
about us
CMU space whatcommunity is weighingprivate you down? share your story & reduce your burden student ID
suzanne1
password
***********
cmu voices
share your issues
about us
cmu voices
share your issues
about us
issues :
issues :
relationships financial academic emotional physical everything will be anonymous! don’t worry!
relationships financial academic emotional physical
admin
cmu voices
share your issues
about us
2013.4.19
2013.4.19
I feel depressed lately, I don't want to see anyone. I don't want to go to classes but I go because I am scared of my GPA falling. I feel like too much is going on my life that I cannot control. I don't want to eat somedays, I can't fall asleep some nights.
post
I don’t know why but I am so tired. I haven’t done anything today, yet, I feel like as if I ran a marathon. I feel dizzy. I just want to stay in bed all day. I just want to sleep and I wish no one or work will wake me up. I get extremely mad at whomever woke me up.
comments
2013.4.18
I realized that I don’t smile often thesedays. I don’t have any problems or concerns at this point, however, I don’t feel happy enough to laugh. Also, I sometimes cry because of no reason. Am I having a depression? comments 2013.4.17
I am so afraid. my mood changes so drastically and so often. It is out of my control. What should I do.........ahh
comments
thank you for sharing!
When I look at my mirror, I cannot take my eyes off, not because that I’m beautiful, but because I see too many defects in my face. Help me out!
comments
The descriptions are same as the website.
about us
relationships financial academic emotional physical post
2013.4.19
student
share your issues
relationships financial academic emotional physical post
relationships financial academic emotional physical post
what is weighing you down? share your story & reduce your burden
cmu voices
2013.4.19
I feel depressed lately, I don't want to see anyone. I don't want to go to classes but I go because I am scared of my GPA falling. I feel like too much is going on my life that I cannot control. I don't want to eat somedays, I can't fall asleep some nights.
2013.4. 21
2013.4.19
2013.4.20
comments
When I look at my mirror, I cannot take my eyes off, not because that I’m beautiful, but because I see too many defects in my face. Help me out!
comments
write
22
When you don’t feel like getting out of bed, then don’t. Think of it as a gift to yourself. However, try not to exceed a day. When I cannot fall asleep, I write down what’s in my mind, dump it all out on a paper and listen to calming music. It helps! 2013.4.20
I have been through a period, I regretted it later because after I had bad stomachaches. I know it's hard, but try to eat. Health matters!
Team Lighten Your Load: Suzanne Choi, Hyun Doug Kim, Ji-Young Lee
share your issues
Healthy Quality of Life I Spring 2013
cmu voices
Intermediate Typography: Organizing Information, Instructor: Stacie Rohrbach Meaning in Color Through Object and Place, Instructors: Charlee Brodsky and Mark Mentzer
System Examples