Portfolio 2015.2017 Virginia Chan Industrial / UX Design
Portfolio 2015.2017 Virginia Chan Industrial / UX Design
co nte nt
About Me
Who am I? Virginia Chan
Projects
BraAid Dressing Aid
ELEVA Ladder Home Furniture
Moveme Medical Aid
UX / UI
Migo App Entertainment
Food2Go Food / Social
Skills
Visual Graphics Renderings Sketches
About Me
Who am I ? Hi there! My name is Virginia
Chan. I’m an Industrial/UX/UI Designer born
in the US, raised in Panama, and graduated from Industrial Design in Taiwan. As a person, I am very dedicated, optimistic, and organized and consider myself as a good team player and a curious researcher, always up for new challenges. (I’m a fast learner too!) Outside of work, I like to cook, sing in the shower and take pictures all over the world. I love to design because is a different way of solving problems with creativity and empathy, especially when is related to user centered design. I’m currently looking foward my next challenge and adventure in the world of design, so I can keep learning and improving my skills.
陳美生 chanixb@hotmail.com +1 (415) 937-2021
Education 2009
Instituto Cultural Billingue High School Diploma
2010
USMA - Panama Industrial Engineering
2011
MTC, Shida - Taiwan Chinese Language Center
2015
Taipei Tech. - Taiwan B. Sc. Industrial Design
Languages Spanish Mother Tongue
English TOEFL Advance
Mandarin TOP Intermediate
Cantonese Family
Taiwanese Still learning...
Software Skills Presentations Keynote
Graphic Design Adobe Photoshop
3D Modeling Creo Parametrics
Microsoft Office
Adobe Illustrator
Rhinoceros
RealTime Board
Adobe InDesign
Solidworks
Renders Keyshot 4
UI/UX Proto.io Sketch
Achievements 2010
2014
MOFA Taiwan Scholarship
4th International Symposium on Technology for Sustainbility (ISTS) Presentation Award
2011
Taipei Tech. 100-1 ID. Week Bronze Medal Award
2015
Taiwan’s Young Designers Exhibition Finalist
2012
大閎國際文具精品設計競賽
Honorable Mention Taipei Tech. 100-2 ID. Week Gold Medal Award
Working Experience 2016 - 2017
Migo Entertainment Co. (Taiwan) Imagineer - UX Designer - Develop Flows and Wireframes - UI Design for POS Software & App - ID Design for POS Hardware - Usability Testing and Research
Young Pin Design Award Special Sponsor Award Taipei Tech. Dept. Industrial Design Second Place UDN Design Competition 2015 Silver Award
Feb. 2017 - May. 2017
Interrobang Design (問答設計） Intern - Designer - Market & User Research (Need and Requirements) - Concept & Product Development - Product Prototyping
p roje cts BraAid Dressing Aid ELEVA Ladder Home Furniture Moveme Medical Aid
BraAid Dressing Aid OVERVIEW Bra Aid is a portable device that helps women wear a bra with one hand, letting amputee women feel more indepentent.
Project 1 // BraAid Dressing Aid for women
Year
Type of Project
Duration
2015
Individual
6 months
User’s background Many amputations are performed every year, in which 60% are from the upper limb. Women without an arm faces many difficulties in daily life: one of them is wearing a brassiere, which is a task that needs two hands in order to be done.
In the US, more than 41,000 persons are registered who had an amputation of hand or complete arm . Single handed or arm injured women cannot wear brassieres by themselves, so they lose confidence.
Problem The main problem is that they cannot reach the other side of the bra. As they pull one side of the bra, it moves the position, slipping away, making it hard to connect both sides, but with BraAid, not only amputated but wounded women can also be able to wear pretty bras easily with a single hand.
Design concept BraAid is a small clip designed to help armless and wounded women wear a brassiere easily with a single hand. Our mission is to pump up the user’s confidence, let them be able to wear brassieres as they like anywhere, anytime, without being helped by others. Its function is to fix one side of the bra at the front, so the other hand can hook both sides of it at the diaphragm zone, and then easily turn around the bra and wear it correctly.
Background Research Single armed and wounded women mostly depends on others to help them wear brassieres, or they simply don’t wear any, which it lowers their self-esteem as a women. Many of them have tried DIY projects or current dressing aids, but haven’tfullfill their needs, since they are big and complicated to use. But with BraAid, they can easy wear their brassieres independently, getting more confidence as a woman.
Design features
1 BraAid is a small clip that secures one side of the bra in the front, so women can fasten their bra by themselves. Easy to use and small enough to travel with.
2
Users can decide which color of clip they want to use. Easy to separate with one hand.
A
Structure
A
Bra clip: Holds the bra and secures it once its down
B
Plastic body: Rounded for easy grabbing
C
Scarf clip: Easy to open with one hand. Holds the scarf
B C
C Rounded shape makes it ergonomic and appealing.
3
Usage
Place the scarf around. Hold on scarf with thighs.
Lock the clip to the scarf. Pull up the white bra clip.
Place one bra’s side in the middle of the clip.
Lock the bra by pushing down the white clip.
Take the other side to the front and fasten the bra.
Take off the scarf and pull them out.
Turn around the brassiere.
Arrange the brassiere in the correct way. Done!
Assambly
How to Fasten
1 attach
2
2
1
Pull up to open
3
Insert
4
open Push down
SECURED!
Packaging
What’s in the box?
The package of the product was also
1
designed. In the inside, it contains a piece of fabric, the bra clip and the scarf clip.
2
Inside*
3
Final Model & Package
Project 2 // ELEVA Home furniture
Year
Type of Project
Duration
2015
Individual
6 months
ELEVA Ladder OVERVIEW ELEVA is a safety ladder that facilitates the task of moving an object to a higher place without losing contact points.
Wrong
2 CONTACT POINTS
FALL!
Defining the problem When there’s a need to move something to a highe place, people tend to LOSE a contact point since both hands are holding the object, or loses two points when climbing (only rests a foot) making the situation more dangerous.
Background Research 3 CONTACT POINTS
Many ladder users doesn’t take into consideration the safety regulations or doesn’t have the knowledge of them, such as the 3 points contact rule. Safety regulations are very important, but still many users ignore them, which causes many accidents. In order to be considered SAFE, the user should keep 3 points of contact with the ladder (two hands and one foot or both feet and a hand).
Correct
Design concept
ELEVA ladder will help users move things from one point to a higher place, so that the person can climb the ladder without loosing the 3 points of contact. It can make the task like moving books, boxes, and other objects upward easier, and also avoid accidents.
ELEVA is made for home use only, reason why it is designed to look more modern and is smaller than other industrial ladders.
ladder
elevator
home
Main points
1
The object first goes up, then the person. It works like an elevator.
2
It avoids any accidents, by following all the safety usage (3 points of contact).
3
It allows to place the object anywhere the user wants.
How to use
1
Place
-Open platform -Place object on top
2
Lift
-Lift the platform pull up the handle
3
Climb
-Climb with 3 points of contact
4
Push
-Push the platform to move object
Design features
ELEVA ladder platform can move in a vertical line to move up the object upwards.
The platform also moves in a horizontal line when at the top to allocate the object at the wanted spot.
It contains two locks at each side that will secure the platform automatically when needed.
Techniques
Model Making
- Wood modeling
- Sandpaper polish
- Spray Painting
- 3D printing
Final model 1:2
oveme OVERVIEW A pad that facilitates the task of turning over a patient in bed, reducing the force needed in order to move a patient and turn over.
Project 3 // Moveme Medical Aid - Turn over pad
Year
Type of Project
Duration
2014
Team Group
1.5 years
Designers
Virginia Chan
Zhongyi, Huang
Yaqi, Zhang
Aure Tai
Background Research Patients have to be turned over each 2 hours in order to avoid skin ulcers. Repositioning a patient is an activity requires at least 4 persons. Our job was to create a product that could help nurses to turn over a patient, protecting them and to reduce the force needed in order to move them from one side of the bed to the other.
Pressure ulcers are caused mostly in these places.
Defining the problem
The problem of turning over a patient is that once turned over, they aren’t located at the center of the bed, but at one side. The picture shown is the DIY product a hospital made . They used pvc tubes, mixed with strings, plastic bags and fabric. Some problems found were: - Pvc tubes are too hard and can harm the patient - It is hard to understand how it is used - Heavy and hard to storage.
Design concept
“Moveme� is a pad that helps to transfer a patient from one side of the bed to the other by sliding it, in order to turn over 90 degrees. Benefits - Less number of nurses - Reduces bedsores possibilities - Lower the difficulties in the process
Design considerations
Tensile
Breathable
Antibacterial
Low friction
Defining the users
Moveme is designed to help nurses to move the patient from one side of the bed to the other, reducing the danger of health problems such as back pain.
It is also designed for the patient to be comfortable enough since it is placed below them for a long time of period.
Design features Continous track loop
45 Degrees side cuts
Easy, fast storage
Made of fabric, the continous track reduces the force needed to move the patient because of a low friction material.
The cuts are made to focus the force to equal so the fabric reduces wrinkles.
Easy to storage to reduce space. Just fold twice in the middle and become easy to carry.
45庌
45庌
Hand sketches
Prototypes
Hospital Evaluation Yilan Veteran Hospital We sent our models to test for few days and let nurses evaluate it in different aspects.
Material tests
Material We did several evaluations to different materials to test their brethability, strengh resistant and waterproof.
Current model Handles
Patient area
Continous track (low friction)
Moveme features - Easy to understand - Stays below the patient - Reduces time and personal - Comfort for patients - Easy manufacture
How to use
1
Open
5
2
3
Fold to half
At turning over, grab both handles
6
4
Turn patient 90° and insert
Easily pull the patient
7
Take out the other side
Help them turn over
Ux / Ui Desig n Migo Apps Entertainment Food2Go App Food / Social
Migo Player v0.5 Migo Entertainment, Inc. by: UX Design Team 2016-2017
Property of Migo Entertainment
What is Migo? Migo is an application for our phones where we can download and watch movies, TV series, and TV shows on our cellphones without the need for Internet connection, Wi-Fi, or even [telco] load on your phone. It’s just like when you’re buying DVDs. Wherein you’ll also have a lot of shows and movies you want to watch and to choose from. After selecting the content you want to watch, you can go to our refilling stations to have your shows downloaded to your phone. Once it’s done, you can now watch on your cellphone anytime and anywhere. What’s nice about this compared to DVDs is that you have no need for a portable TV, the quality is in high definition, and no buffering. No breaks, no commercials, so you’ll be able to watch it continuously – just by using your cellphone.
Migo Experience 1
2
3
4
Explore
Refill
Watch
Reload
In the Player, you can select the shows to watch in the Explore Tab. We offer fresh, high-quality contents. Each channel contains movies and series and we release fresh contents every Sunday.
After selecting the shows in the player, go to “Refill” tab to see the shows you’ve added and safely unmount your SD card. In the sari-sari store, give your card to shopkeeper to start transferring shows.
Once the shows have been transferred to your SD card, launch the app and go to watch tab to start watching your shows.
You can reload your minutes to enjoy more shows on your phone. Migo charges one Phillipine peso for each 10 minutes of entertainment. Cheap, right?
Property of Migo Entertainment
Migo Player 1.1 Content Discovery
1.2 Content Discovery
2.0 Content Discovery
Property of Migo Entertainment
3.0 Load Minutes
Property of Migo Entertainment
4.0 Watchlist
5.0 Core Watching
Migo POS UI In the Player, you can select the shows to watch in the Explore Tab. We offer fresh, high-quality contents. Each channel contains movies and series and we release fresh contents every Sunday.
Property of Migo Entertainment
HOW TO REFILL MIGO SHOWS? STEP 1: The customer asks to refill
his card and safely ejects card.
STEP 2: Collect memory card from
the customer.
STEP 3: Insert the memory on an
STEP 4: The transfer will start
STEP 5: Remove the memory
STEP 6: Return card to the customer
automatically. Let the customer know the estimated time.
Property of Migo Entertainment
card when the transfer is complete.
available slot.
and ask them to verify content.
Migo POS UX Flows 1. Standby Mode Tab A - Standby mode
Tab B - Standby mode
Tab C - Standby mode
Tab D - Standby mode
Selected Slot: Words are Grey and the arrow vector changes to [INSERT HERE] Unselected slots: Words are white with a white arrow vector (which changes to [INSERT HERE] if the slot is recommended.
1
Shopkeeper can transfer correct titles to MC
1.1 Single Refill Tab - Standby mode
2
Insert MC
Search Page - System looks for MC information
The transfer starts automatically
- [INSERT HERE] is replaced by a rectangle - Next free slot is recommended [INSERT HERE]
- Juan's photo and name appear - Process bar with the time left - Cancel button appears - [SLOT] is replaced by Juan's Name - The [Rectangle] is replaced by a timer - Circle turns to red while downloading
The download is complete. Feedback sound.
Safely Remove MC
Toast notification appears for [2] seconds
- Download complete screen appears - Circle turns to green when completed - The timer is replaced by [COMPLETED]
Shopkeeper can cancel the content transfer
1.2 Cancel Refill Press [BACK] button to continue the transfer
SK taps the cancel button to cancel the transfer
A confirmation dialog appears to confirm the cancel with the option [BACK] and [OK]
Press [OK] button to continue cancel the transfer Transferred files are erased from the MC.
Safely Remove MC
Redirected to standby page of next available slot - Slots turns back to standby mode. - Recommended slots opens
Toast notification appears for [2] seconds
Redirected to standby page of next available slot - Slots turns back to standby mode. - Recommended slots opens
Food2Go App UI Personal Project UI (with: Sketch ) Food / Social 2016
Concept Food2Go concept is a service that brings the world of food with social networks together. It is designed for working class people who has no time to get their meals but at the same time cares about the reviews and the quality of what they eat. Besides working as a delivery service, it also offers a platform for users to built a stronger relationship with the owners of many restaurants, allows to make reviews, and gain points and discounts to your favorite restaurant. The design of the UI is simple and clean, making the experience enjoyable and easy to use.
UI Design
1.0 Splash Screen
1.1 Sign Up
2.0 Select Category (Restaurants)
2.1 Select Restaurant (Find restaurant nearby)
3.0 My Account (Check favorites, make reviews and manage account)
4.1 Explore menus (Make your order)
4.2 Confirmation (Confirm current location)
5.0 Waitlist (Check the status of orders)
Gra p hic d esig n Visuals, posters and UI
Logo VC
Growing up
This is you
2D Render Casio
Jiraffe Baby Shower Set Invitations
Favor Tags
BA BY SHOWER
* Melissa & Ken * honoring
SUNDAY, SEPTEMBER 3rd 12:30pm - 2:30pm Tai Wu Restaurant 300 El Camino Real, Millbrae, CA 94030 RSVP at (415) 298-9245 / dania.chan@gmail.com before July 21 *Monetary Gifts appreciated*
|
Cupcake Toppers
Bottle Labels
Banners
*
B
A
B
Y
G
I
R
L
*
Into the Wild
RENDERINGS 3D Models and renderings
Mouse
Hive
Hang Out Speaker
s ketc h es Just a few drawings
Sketches
Sketches
Sketches
Sketches
Sketches
Sketches
Portfolio 2015.2017
Virginia Chan