Yihan Tang
2016-2017
ihearttaylor@163.com linkedin.com/in/yihan-tang-369934116
This page is intentionally left blank.
01 One Day Coney
02 SCDA Winter
03 ZJUĂ—CASIO Project Visual communication media for the 20s
04 Chelsea Market Logo redesign & package design 05 Gone Girl The redesign of the bookcover and bookcase
This page is intentionally left blank.
01 One Day Coney Travel Application 07/2016
“On that day, make Coney Island just for you“
Project Overview One Day Coney is an iOS application made especially for users who take one day trip to Coney Island. It allows users to get ideal travel plan based on the preferences they have. 29%
27%
Local NYC citizens
7%
more than 1 day 18%
Travellers from abroad and other states 73%
10-24 hours less than 8 hours
46%
8-10 hours
Problems feedback • Difficult to locate some place such as funny graffiti and the longest roller coaster. • Have to combine different information from Yelp, Trip Advisor, etc before getting a suitable itinerary. • Hardly anyone would like to spending time making plan before coming, however feel regret afterwards since they usually waste quiet a lot of time. Prompt Make an app which come up with suitable plans for anyone who wish to experience Coney Island as much as they can with little preparation.
Low-fidelity prototype / Sketch • A set of sketch was made to help me think through the whole logical process , and the icon also came into shape eventually.
One Day Coney Individual Project Time Range: 1 week, 07/2016 Location: Parsons School of Design, New York My Role: Researcher, UX Designer, Visual Designer Target User: Travelers who wish to take a one-day tour to Coney Island Tools: Muse, Indesign, Photoshop, Illustrator, Axure
• Step 1 Answer 3 simple questions and have the computer analyse the suitable plan for user.
• Step 2
• Step 3
• Step 4
Get the automatically cal-
Press “SEE MORE” and get a
A fast rating interface is also
culated plan made for users
detailed view of the itenary
included in the app and is
and see de details by touch-
and could swipe left and right
connected with other app
ing those icons.
to see the next or previous
such as YELP and Tripadvisor.
place.
• Step 5 As a app made just for Coney Island, the rating system can help making the whole process a fulfilled experience.
02 SCDA Winter Recruitment Website 11/2016-12/2016
SCDA Winter Recruitment Website design Individual Project Time Range: 1 week, 11/2016-12/2016 Location: Zhejiang University, Zhejiang, Hangzhou My Role: Researcher, UX Designer, Visual Designer Target User: Students on campus who wish to enroll in SCDA (Student Employment & Career Development Association), as well as the organizers who wish to collect those applicants’ information. Tools: Sketch, Indesign, Photoshop, Illustrator, Axure
Project Overview It’s an website designed for students campus, regardless of their grade to know abo SCDA and offer a media via which th could apply, revise and hand in their application form.
Project Research Students of the association provided me with their requests and I processed a doc in order to find the logical connection between page to page.
on
out hey
Problems to tackle • To show the viewers about what SCDA is, what it offers and what it does. • It’s a student assosiation where mostly business major students gathered, so it need to look cool enough with some black and white pictures. • It need to provide applicants an access to not only fill in the online form but also able to retract and revise. Therefore it has to be made with an account system.
This page is intentionally left blank.
03 ZJU×CASIO Project Visual communication media for the 20s 10/2016-02/2017
ZJUĂ—CASIO Project Visual communication media for the 20s
Groupwork Project with Chen Rui, Ren Hanfei, Zhang Yuyuan. Time Range: 11/2016-2/2017 Location: Zhejiang University, Zhejiang, Hangzhou Responsible for: UX design, group analysis, user story writing scenario acting Target User: Youngsters in China, the 20s Tools: Sketch, Illustrator, Photoshop
Project Overview The project last for 4 months, allowing us to fully consider how to tackle this challenging problem and come up with as many ideas as we can. I divided this project into 2 stages. The first stage is mainly about how we locate our users and make the first set of products. And the second stage is about how we investigate further and land on a crowd `of more specific users and our further design for them. Step 1
Step 1: Needs finding
1
Stage
For 2 days, through picture and data compilation, we put different pictures into a variety of tree-branched catalogs. Eventually arrived at the main needs from the targeted users- the 20s in China.
Better picture composition
Creativity in taking shots
LARK LOMO
Picture styles
P c 1 2
Step 3: User scenario
, user Step 3
Age: 2o Occupation: college student Hobbies: travelling, dolls, shopping Daily highlights: recording life by camera, hanging out with friends, sharing daily happiness on SNS...
Please check out this video. Starring me as Annie!
Annie
https://vimeo.com/202729179
Step 2: Functions & Structure Step 2
Potential customers 1. Youngsters 2. Parents
final 1 Teleoperate app-control possible
Lens rotate to proper angles
Shells Tako
Neko
Hare
Shells having different functions
e.g. Tako can adjust height
Attatchable
Light and attatchable should make it popular among teenagers
As we soon began our stage 2 process, we simply made a graphic model instead of a 3D one.
Step 1: Background Investigation
2
Step 1
Stage
The tendency of the development of portable cameras: 1. In 2015, around 150,000,000 Chinese people travelled aboard. Huge figure implies the potential of modern tourism and the portable digital devices. 2. In 2015, 8,800,000 Chinese people travelled to Thailand. The figure is expected to be 10,000,000 in 2016. Diving has become a prevalent activity. 3. On Taobao, the monthly sales volume for 3 most popular selfie sticks is 132,500, which illustrates that an increasing number of people prefer such a kind of portable photograph equipment. street dance video
seperate motion
dancing slow motion mevement
Video Fabtastic
Dancing tutorial
Children
dancing class
dancing tutorial set
Movement
When searching “Dancing tutorial� in searching engine.
Searching tendency is going up Searching tendency is going down
Kids dance index from Baidu.com 2016
Similarily, when searching: outdoor activities and travelling, we also see a significant increase of searching rate of those words. Target Users: Step 2
Step 2: Decide our target user.
1.Those who record dancing tutorial. 2.Those who love outdoor activities. 3.Those who love taking selfies and recording their life. 4.Those who love traveling. 5.Those who are enthusiasm about creativity new things.
Step 3
Normal mode
Auto adjustion
Step 3: Functions & UI design Album Opening Greeting
Continuous photo
Share Continuous video
Connecting to planet x1 360 degree photo
auto-tracking video
Step 4
Step 4: Deciding design details
1. Turn on power
2. Connect to mobile phone
3. teleoperate via phone
4. share photo/video via cloud etc.
Choose tracking mode: e.g. Jazz Dance, Street dance...
People dancing...
https://vimeo. com/202734998 Check out to see how we get the idea of auto-tracking.
teleoperate rotation of the lens
3D model and rendering scenarios. • Portable • Various colors • Simple appearance • Multiple features SD Card for flash memory
LED Soft Light Long Battery Duration
This page is intentionally left blank.
04 Chelsea Market Logo & package Design 07/2016
Project Overview It’s about making the place more recongizable and famous through rebranding and creating a suitable event for this landmark. Through a 1-week-research to dig behind the target spot and decide the whole set of colors as well as icons.
A sense of brick feeling from the outside.
Step 1: Investigate -- Behind Chelsea Market About Chelsea Market It’s an area previously known for meat packing and nowadays, it enjoys its days being a famous food spot. And located on the 9th Ave on the adorable west side of Manhattan, around 6 million national and internation visitors were attracted to this place annually. It is a neighborhood with a global perspective.
CHELSEA MARKET
American typewriter as fonts illustrates vintage style.
Individual Project Time Range: 2 weeks, 07/2016 Location: Parsons School of Design, New York My Role: Researcher, Visual Designer Target User: Travelers and local citizens who visit Chelsea Market Tools: Indesign, Photoshop, Illustrator, pen & paper.
Chelsea Market “To recognize an not-so-famous landmark in NYC”
Step 2: Spotting -- Ice-cream as a intriguing temptation An ice-cream event in hot summer days! As I look into this attractive spot and found that there are so many different ice-cream stores gathers around and both my fellow students and profeesor agreed that it should be fun to organzise a ice-cream banquet for all to attend.
Logo come into being...
SUMMER 2016 ICE-CREAM BANQUE T
• A set of flags and ice-creams as well as an event logo were also made in Illustrator.
Step 4 Printing and handcrafting The making of an unforgettable sweet summer By printing patterns and logos in rectangler shape as well as eclipse shape, also conbines wave-like patterns with invitatioin card and coupouns.
2
1
3
4
Folding method Seeing how it folds and brings surpr along the way. Making people feelin welcomed to the event.
• Badges, ice-cream cup, invitation card as well as coupon.
rise ng truly • All in one-- Chelsea Market Summer 2016 Ice-cream Banquet.
• Invitation letter detail
This page is intentionally left blank.
05 Gone Girl The redesign of the bookcover &bookcase 07/2016
Gone Girl The redesign of the bookcover and bookcase
Individual Project Time Range: 1.5 weeks, 07/2016 Location: Parsons School of Design, New York My Role: Graphic Designer Tools: pens, ink, photoshop, scissors, mat, etc.
Project Overview As there is a verb “GONE“ in the book name, it’s a project trying to caputure the movement of the characters or something as the book describe. In this case, it’s about a woman lost under the public eyes. So it could be compelling when trying to feel and describe and at last demonstrate the movement on paper. I used silhouette and brushed lines to show “gone“.
This page is intentionally left blank.
Portfolio
Yihan Tang 2016-2017