CLAUDINE ZAFRA VISUAL & INDUSTRIAL DESIGN
PROFESSIONAL WORKS
STUDENT WORKS
02
claudine zafra
01 02 03 04 05 06 07 08
CAROLINE CECIL TEXTILES
web designs, posters, newsletters, and lookbook
TOPHATCH INC sketches, web, user interface, print, and videography
SHE an emotion wearable tracker
FLEX bluetooth powered speakers
IN-VERT social anxiety wearable
SENS an organic oil diffuser
SEEK a waistpack/crossbody bag
POD suspended transit design
id.claudine@gmail.com
03
CAROLINE CECIL TEXTILES Examples of my work from my textile design internship, consisting mostly of digital visual design works.
4 04
claudine zafra
id.claudine@gmail.com
5 05
WEBSITE MOCKUPS Assisting in website design mockups to help Caroline visualize how the live website will look like before making any coding edits. I also helped organize how the new textile prints can look like as a collection.
6
claudine zafra
id.claudine@gmail.com
7
LAUNCH GRAPHICS Creatives I made for web and eBlast announcements about the new launch.
8
claudine zafra
id.claudine@gmail.com
9
NEWSLETTER DESIGNS 10
claudine zafra
id.claudine@gmail.com
11
BALINESIA LOOKBOOK Balinesia Lookbook is a collection of beautiful photography put together with Caroline Cecil Textile’s brand aesthetic in mind. This lookbook gives a closer look at the process behind the new line.
12
claudine zafra
id.claudine@gmail.com
13
TOPHATCH These are a collection of my works for the San Francisco tech company, TopHatch. I have done much digital design works since our platform is in the mobile industry.
14 0 14
claudine zafra
id.claudine@gmail.com
15 015
PROFESSIONAL SKETCHING APP Since my Industrial Design background has also trained me to sketch well, I was well suited to be the prime user target for our sketching app. I produced many sketches for our marketing team to use.
16
claudine zafra
id.claudine@gmail.com
17
GALLERY PAGE TopHatch’s first app, Concepts: Smarter Sketching, is an iOS sketching app that we designed for professional designers. This page is used to showcase different types of drawings to help inspire our users.
18
claudine zafra
SUPPORT / TUTORIALS PAGE Our newest Support page contains our Youtube tutorials all on one page, categorized by lessons and subjects.
id.claudine@gmail.com
19
iPHONE GALLERY UI MOCKUPS These are user interface mockups for the Concepts iPhone Gallery. Our challenge was fitting in the drawing thumbnails to look more like a social media gallery.
20
claudine zafra
id.claudine@gmail.com
21
22
claudine zafra
SETTINGS / IMPORT UI MOCKUPS For this set, I am pushing for more color variety for our app by adding a color gradient ribbon. This color gradient also emphasis more important buttons.
id.claudine@gmail.com
23
24
claudine zafra
VIDEOGRAPHY As a way to better our user experience for Concepts, a key task of mine is to consistently produce tutorial videos. My tutorials consists of teaching users how to use the app and how to draw in our app.
id.claudine@gmail.com
25
VIDEO EDITING The video editing process can be quite the long one. I use a combination of softwares in order to achieve a finsihed tutorial or promo video. I use iMOVIE to initially cut clips. Then I use Adobe SpeedGrade for color grading the clips, Adobe Audition for editing my voiceover clips, then I finally bring everything together in Adobe Premiere Pro.
26
claudine zafra
id.claudine@gmail.com
27
TRADESHOW BANNER
28
claudine zafra
id.claudine@gmail.com
29
SHE SHE is a wearable tech jewelry line that aims to help women gain control of their self-confidence through habitually learning awareness of their emotional patterns.
030
claudine zafra
id.claudine@gmail.com
031
032
claudine zafra
WOMEN’S LACK OF CONFIDENCE Through much research and personal experience, I have seen a great pattern with how women perceive themselves. While women have numerous amounts of talents and beauty, our lack of self confidence is oftentimes the biggest reason why we sometimes do not even try to reach our goals. I aimed to find a playful approach for women to receive their information; if women enjoyed learning about themselves, it could turn the entire experience into something fun!
id.claudine@gmail.com
033
IDEATION In my ideation process, I looked for many ways and forms on how to apply an emotion tracker. I found that a jewelry wearable is most suitable.
034
claudine zafra
FINAL DIRECTION For my final direction, I understood that my form had to be small, for a woman to not mind wearing it every day.
id.claudine@gmail.com
035
36
claudine zafra
PROTOTYPING Since my models would be too small to make out of high density urethane foam, I decided to get them 3D printed on the Objet printer for its high resolution print quality. I designed the wearables on CAD so that when printed, a woman could put them on to see how it looks on them. Careful craftsmanship was a must with such small and delicated pieces.
id.claudine@gmail.com
37
she
your music wearable emotion tracker
mix
welcome
play music
improve your day
today’s music dec
8
edit music
share
this week dec
this month
i ?
1:46
Monday, December 8
she
It’s been a while! How are you feeling?
slide to unlock
38
claudine zafra
dec
improve your day why?
id.claudine@gmail.com
39
40
claudine zafra
id.claudine@gmail.com
41
FLEX FLEX is a bluetooth powered large PA speaker design. Flex is designed with both a high volume and a low volume manufacturing interpretation.
42
claudine zafra
id.claudine@gmail.com
43
DESIGNING SPEAKERS FOR THE RUNWAY What is a fashion show without high energy music that sets the tone for the collections? Fashion designers and their team work hard to put together an all around entertaining show; but why are they constricted to ugly hanging or standalone speakers? I feel that it would be interesting to design speakers that goes with the aesthetic of the fashion show. This detail for a show is one that can truly complete the look and feel.
44
claudine zafra
id.claudine@gmail.com
45
IDEATION I knew from the beginning that I wanted to redesign a large standing PA speaker. I played with how it can stand, along with how I can manipulate materials and processes.
46
claudine zafra
FINAL DIRECTION For my final direction, I chose this design aesthetic because my persona is an avant gard wedding dress designer. I chose to be edgy whilst being quiet.
id.claudine@gmail.com
47
LOW VOLUME PROCESS TRANSLATION
48
claudine zafra
HIGH VOLUME PROCESS TRANSLATION
id.claudine@gmail.com
49
50
claudine zafra
HIGH VOLUME DESIGN
CONTROL PANEL This features the power button, volume adjustment, and indicators for bluetooth.
SPEAKER CONES For the speaker cone housing, I chose injection molded glossy plastic for a clean aesthetic.
FABRICATED LOGO I chose to emboss the Flex speaker logo on the die casted back panel.
id.claudine@gmail.com
51
LOW VOLUME DESIGN
CONTROL PANEL This features the power button, volume adjustment, and indicators for bluetooth.
PIN STAR HEAD This low profiled machine screw helps prevent any mal activity and an interesting third read.
DEBOSSED LOGO Flex’s custom logo is debossed onto the aluminum sand casted back panel.
52
claudine zafra
id.claudine@gmail.com
53
54
claudine zafra
id.claudine@gmail.com
55
INVERT INVERT is a wearable anxiety tracker that utilizes sweat and heart rate sensors in order to detect if the user is about to have an anxiety episode.
56
claudine zafra
id.claudine@gmail.com
57
DEALING WITH ANXIETY & STRESS Every person deals with stress and anxiety to a certain extent. Many are aware of the times they are stressed and have learned how to manage it. Others undergo anxiety during stressful situations and do not have the skills to manage this state of mind. I tried to help solve the problem of social anxiety for college students that are starting to shape their careers and social skills.
58
claudine zafra
id.claudine@gmail.com
59
IDEATION I wanted the application for my wearable to be on the palm for its eccrine glands. Finding the right form to be worn as a glove was what I was ideating.
60
claudine zafra
FINAL DIRECTION For my final direction, I opted for an interesting pattern as the body of the glove waearable, making a fashionable statement.
id.claudine@gmail.com
61
62
claudine zafra
PROTOTYPING Material choice is important for it would determine whether the user would want to wear this wearable in the first place. I chose polyester and spandex materials that best replicated the look and feel of my mockups, on the left side. I was able to develop my own sewing pattern which allowed me to mix and match material colors and patterns.
id.claudine@gmail.com
63
TRACKING ANXIETY Sweat Sensor: I have incorporated sweat sensor technology on the inside of this wearable, and its main function is to measure if the user is sweating much more than usual. Heart Rate Sensor: The HR sensor I am incorporating is much like the Fitbit HR sensor. There are LEDs that constantly flash to detect volume changes on the skin, and is also bluetootch capable.
64
claudine zafra
id.claudine@gmail.com
65
66
claudine zafra
id.claudine@gmail.com
67
SENS SENS is a camellia tea oil diffuser that is for people with fragrance allergies that essentially serves as an air freshener for homes.
68
claudine zafra
id.claudine@gmail.com
69
70
claudine zafra
FOR FRAGRANCE ALLERGIES People with fragrance allergies have little-to-no option when dealing with unwanted synthetic fragrances. The most common side effects are headaches, skin rashes, and sneezing. Allergic people can really only avoid fragrances if they really don’t want to be affected. But should their allergies rob them of the joy and benefits of healing fragrances and aromatherapy? It was my mission to design a product that will grant users a natural aromatherapy experience.
id.claudine@gmail.com
71
IDEATION My early ideation consisted of trying to form a solid idea of a tea diffuser. I got inspiration fromo chemist viles, trying to play with the different elements.
72
claudine zafra
FINAL DIRECTION While this direction is not the form I ended up designing, what I used and was inspired of from this is have a removable puck idea for seed cartridges.
id.claudine@gmail.com
73
BRANDING Trying to view this product as a whole, I proposed some packaging and interface design. I drew inspiration for my color choices from the organic lifestyle movement that is trending. Light, airy colors, combined with simple compositions communicate how the product can make potential consumers feel. I attempted to design the main package the diffuser could come in, refill bottles of camellia oil, and even packaging for extra seed pucks. As for the interface design, I can envision how SENS could grow by allowing the user to control, through a mobile application, the use percentage. Potentially, I can see this product have the capabilities of home products such as NEST, having the option for activation through apps.
74
claudine zafra
sens
sens
3.0 fl 0z
sens
3.0 fl 0z
3.0 fl 0z
sens
Organic fragrance for pleasant Breathing
sens Organic fragrance like aromatherapy
sens
sens
Organic fragrance like aromatherapy An oil diffuser that uses green tea extracts.
Organic fragrance like aromatherapy
sens
This aromatherapy diffuser helps. www.sens.com
This aromatherapy diffuser helps. www.sens.com
sens sens sens
es3.0 fl 0z
Usage 80% sens
essenz 3.0 fl 0z
essenz 3.0 fl 0z
es3.0 fl 0z senz
Peak
Peak Times
Peak pulver-
pulverize
id.claudine@gmail.com
75
76
claudine zafra
CAMELLIA PLANT We use Camellia plant leaves to make green, black, and white tea leaves for drinking. Camellia oil can be extracted by the diffusion of a warm energy source, releasing oils with healing agents that are light and allergen free.
id.claudine@gmail.com
77
78
claudine zafra
id.claudine@gmail.com
79
SEEK SEEK is an accessory waistpack and crossbody designed to help geologists efficiently gather samples and take notes during their in-field trekking voyages.
80
claudine zafra
id.claudine@gmail.com
81
82
claudine zafra
WHAT DO GEOLOGISTS NEED FOR ON-THE-FIELD EXPEDITIONS Geologists need a number of things during their research expeditions. Currently, they are limited to hiking gear, paint buckets, and plastic bags for sampling. Geologists heavily depend on the samples they collect for their research, and they usually collect several rockes that add up in weight very fast. I would like to find a way for researchers to have gear specifically made for them to bring their samples in. This could help solve their difficulty of heavy luggage and smushing their gear inside their backpacks.
id.claudine@gmail.com
83
IDEATION Selecting the right materials is key in the comfort, durability, and aesthetic of a soft good product. It was my initial intent to find offbeat ways for sample storage features.
84
claudine zafra
FINAL DIRECTION Going into my final ideation phase, I decided to go with the waistpack concept that features a pull-out sample bag.
id.claudine@gmail.com
85
86
claudine zafra
MATERIALS & PROCESS Selecting the right materials is key in the comfort, durability, and aesthetic of a soft good product. I chose a black cordura polyester, duck canvas behind a nylonmesh for pockets, and a vinyl coated screening for the sample bag for high durability of heavy samples. The color black is a strong unisex color and served as a great neutral canvas to apply color. I decided to use orange and green accents.
id.claudine@gmail.com
87
WHAT FITS INSIDE? • phone & portable GPS • wallet & ID • note-taking pens & pencils • Rite in the Rain waterproof notebook 3”x 5”
• leatherman multi-tool • fold-able sample bag
88
claudine zafra
id.claudine@gmail.com
89
90
claudine zafra
id.claudine@gmail.com
91
POD POD is an automated transit network transportation design for a capillary transit system. This atn is for transporting people closer to their destinations.
92
claudine zafra
id.claudine@gmail.com
93
94
claudine zafra
WHAT WILL GET PEOPLE OUT OF THEIR CARS? As my team and I brainstormed on how we can design a cabin for the ATN, we started thinking about what would first get a user’s interest; design. The next question we asked was, “what will get users to keep taking the ATNs?” Users preferred privacy when traveling alone and would like more comfortable interior. We saw an opportunity for cabin design from this particular survey outcome. If people could feel comfortable in a public commute, combined with the ATN’s design to deliver you closer to your stop, would be what could make the pod care highly successful.
id.claudine@gmail.com
95
IDEATION A friendly design was our team’s goal to help draw users in. I played with a lot of bubbly forms that balanced with a directional intent
96
claudine zafra
PERSONAL FINAL For my personal final direction, I proposed a refined bulbous shape that tapers in the front.
id.claudine@gmail.com
97
TEAM VOTE Here are my team’s individual final designs. In order for us to choose a design to build into full scale, we decided to put it to a vote, exercising democracy with a twist. Each of us had 3 post-its, each post it with a word: safe, modern, and comfortable. We had 3 rounds of voting, each round according to our aesthetic goal. We all agreed that whichever design receives the most stickies will be the chosen design. As a team, we ended up voting for the round cabin design because we all felt that it is the shape that will really captivate people’s attention, while feeling safe.
98
claudine zafra
id.claudine@gmail.com
99
100
claudine zafra
THE BUILD We built our model from the ground up, starting with a stable frame, building the exterior skeleton, attaching the roof, the walls, and even the interior furniture and other features. My group had a great mix of skills, from knowledge in building, solidworks, interior design, and leadership and communication skills; we got along very well which became our recipe to having such a successful team chemistry.
id.claudine@gmail.com
101
102
claudine zafra
id.claudine@gmail.com
103
THANK YOU
104
claudine zafra