JN
Industrial Design Portfolio
Intro
01
Hi there, welcome in!
About Me My name is John Nguyen and I’m an Industrial Designer, sneakerhead fanatic and a coffee lover. My life journey thus far has made me realize what I pride the most: the good and bad experiences to learn and foster new opportunities. With my energetic, friendly, and down-to-earth personality, spreading positive vibes to whoever I meet and to where ever I’m at is my persona to carry on about life. My design perception here at San Jose State University has enriched my values to look at a product design through the lens of the designer, manufacturer, and consumer. Understanding the design process of brainstorming, sketching, prototyping, and model-making, my goal is to challenge the possible “what-ifs” and produce a problem-solving solution. Sketching each day is my mental motive to better myself as a designer. With a mindset based on organization and punctuality, I am determined to further my ideas and make it into a reality.
Projects
01 Bicycle
02 Charger
03 Launcher
04 Tray
05 Mobile App
Bicycle
01
6
Skyline The Urban Street Bicycle
A SolidWorks modeling and assembly project that is rendered in Keyshot. The purpose was to demonstrate my 3D designing skills through the use of the CAD programs. In order to satisfy the functionality standards of the bicycle’s frame and mechanism , the goal was to fit my body specifications into the design.
7
Bicycle
01
Inspiration
One aspect of Los Angeles’ unique qualities is its urban street culture. The city’s free will environment sways a lively persona for the younger crowd to pick up on. I was inspired to take those key elements and implement it into my bicycle. Taking hues from the city’s vivid blue city lights, its warmest yellow sunsets, and Supreme’s bold red logo, I wanted to show appreciation for the city and its worldwide influences.
8
Seat
Frame
Tire Tread
Sketches
Aiming for an aesthetic look that strives for dynamic speed, a crisp-edge body frame was designed to exemplify its a sporty look. The LA-inspired color scheme ties in the emotional connections to symbolize the bicycle as a jolting lighning bolt.
9
Bicycle
01
In the Stre The Urban St 10
eets of LA: treet Bicycle 11
Charger
02
12
Hot Spot The Inductive Charging Phone Stand A protoyping project that sets out a wide understanding on designing a phone/tablet accessory. The goal was to enhance the user’s experience as they utilize the accessory to their device. In this case, I studied on the various methods of charging a smart phone without the cluster of wire cords tangling around the user’s work space. Inductive charging was the key potential.
13
Charger
02
Problem
Typically, desks are always cluttered with things we want to use or think we will use later. There’s also other decors that we like to put on such as a small plant to personalize our work environment. Charging cords for smartphones however, may be one of the least favorable things on our desk. The fact that it slithers around our desk space, phone cords could be distracting and can get in our way. To tackle this problem, a phone stand with an inductive charging station would be ideal for our smartphones so that it has a specfic location that it can call its home.
14
Retangular
Brainstorm & Research
Flat
Standing
As the sticky notes helped narrow down the qualities of the inductive charging stand, the market research helped open a design opportunity within the rounded profile range. With the intent on having the station to be in an upright position, it would make the phone view more comfortable while sitting down on a chair.
Opportunity Round 15
Charger
02
Sketch Development
I wanted to create a product that is meant for a simple desk environment while taking key inspirations from pencil cup holders. The base is able to rotate 360 degrees so that the user can adjust station at the desired viewing position.
16
1st Section: Angle Testing
2nd Section: Base Exploration
3rd Section: Shape Refining
Sketch Development
Each concept had its own unique degree so that the angle placement can be carefully evaluated. This will not only help reduce the eye sore and effort exertion to looking over at a flat-laying screen but also, acts like a secondary tool to hold the phone without occupying the user’s hands
17
Charger
02
Rendering Development
Solidworks was utilized to construct the design model in a 3-D perspective in order to get an overview understanding on its demensions as well as color and materials. A white metallic body with silver chrome accents deliver a subtle yet clean approach to compliment any colored smartphones.
18
Soft Round Radius
Smooth Body Surface
360 rotation base
PVC Arcylic Plastic Inductive Surface
White Metallic Aluminum Body
Polished Silver Chrome Studs
Clear Plastic Housing Sensor Rim
19
Charger
02
20
Inductive phone charging had just gotten simpler.
21
Launcher
03
22
AirFlyte UST Lifeguard Buoy Rescue Launcher A water emergency tool project designed for lifeguards to rescue wave surfers who are far out of reach during extreme water sport competitions. To give immediate aid, the launcher will catapult a deployable buoy to keep the swimmer afloat while buying the lifeguards some time to evacuate the surfer from the dangerous situation.
23
Launcher
03
more than 80% of water rescues on surf beaches are due to rip currents.
Over 100 surf drownings occur every year in the U.S.
Problem
Rip currents are one of the leading surf hazards for all beachgoers. Powerful and dangerous, the rip currents can occur at any beaches as the speeds can increase rapidly to become vigorous to anyone entering the surf. The strength of a rip current can increase as wave height and wave period rises. What can lifeguards do better to reduce the number of rip current related fatalities?
24
Brainstorm
Determining the ideal outcomes when it comes to being in water plays a huge part on analyzing the surfer and lifeguard’s point of views. Looking at the possible factors such as materials, enviornment, awareness, and timing were very helpful to target the solution for an immediate rescue.
25
Launcher
03
Reshape for hand comfort
Reshape secondary rear grip
Refine Rear cap form
Have an exposed body tube
Incorporate a display screen
Have a sharp agressive look
Round the handle bars for comfort Give a crisp rear casing
Have a target indicator on head tube
Sketch & Render
The launcher at its final form was inspired from all of the initial concepts’ highlighted features. I wanted to leave behind the hand grip from the first set of sketches because it looks too much like a gun. The goal was to have a long body bazooka appearance in order to get that aggresive feel to it so that the launcher could look more reliable on its power exertion.
26
3 6
5
7 4 1
2
Features
1. Incorporating the famous UST color combination, the launch tube is wrapped in satin orange 2. The Plastic casing is equipped with matte black 3. The handle is wrapped in perforated rubber for comfortable grip. 4. Air vents for ventilization after launch 5. LED display for victim location measurement 6. The rear cap is for the buoy ammo insert 7. Nikon Range Finder for accurate distance measuring
27
Launcher
03 1. Lifeguard notice distressed surfer.
2. Lifeguard aims buoy to the surfer.
4. Buoy is deployed by the release of C02 equipped inside.
5. Surfer is relieved to stay afloat.
3. Buoy catapults to the surfer’s location.
6. Lifeguard evacuate surfer from danger
Storyboard
When a surfer is in a rip current area that is too dangerous for the lifeguard to enter in, the launcher will the essential solution to rescue the out-of-reach surfer. Not only will it save the surfer from being buried by the currents but it will also keep the lifeguard safe from being pulled in from the currents.
28
Front/ Underhand Grip.
Front/ Rear Grip.
Form & Ergonomic Development
Making sure that the hand placements are at a comfortable position, the handlebars are long enough for both hands to grip freely with no restrictions.
29
Launcher
03
LED Aiming Display Screen
Launch Button
Technology
Equipped with Nikon’s Pro Staff Range Finder, the launcher will accurately measure the buoy’s shooting distance from the lifeguard’s point to the surfer’s so that the result can be a precise rescue.
30
Lightweight
Weighing at aproxmiately 7 lbs, the launcher is easy to carry around without any bagage weight holding them down. With the ASA 3D printed exterior casing, it holds the aluminum tube seamlessly.
31
Launcher
03
32
UST AirFlyte to your immediate rescue.
33
Tray
04
34
Urban Artisan The Foldable Serving Tray
An “idea to product� project that involves in making a concept in multiples of 10. Within our brand, the Urban Artisan, we put in a team collaberation effort to create a coherent family product line in kitchen goods. A serving tray is undoubtedly one of the most versatile tool in kitchen. Not only can it be a place to carry food and drinks around, but it can also act like a decor to group things like fine china or candles together. What if there was a space-friendly folding serving tray that acts like a portable desk?
35
Tray
04
Marketing
Sometimes, nature aesthetics can be overlooked when it comes to living in the city. The goal is to connect the inner city living with its outdoor resources. Inviting nature inside a urban enviornment gives a nice outdoor touch for people like George Richardson to take great appreciation into their kitchen as they brew their coffee inside their apartment complex. we also want to make our products effective in space since the younger crowd can be busy and are always on the go.
36
URBAN ARTISAN Urban Artisan
�
san
�r�i
UA
UA.
Urban Artisan
UA
URBAN ARTISAN
U
A
Urban Artisan urban artisan
URBAN ARTISAN
urban artisan
U A
U
UA
UA
UA
U A
UA UA
Urban
Artisan
Urban artisan
Branding
The name Urban Artisan was derived from our group’s creative brainstorming session. We aim to market our products to a field of young trendy consumers who likes to be revolved around modern and urban decors. We like to recognize our audiences as artisans because they are not only intelligent and fashionable but also kitchen crafty as well. The second row the direction we wanted to go for while exploring different variations.
37
Tray
04
Sketch Development
Roughly sketching the size and depth of the tray, I wanted to keep the shape simple and rectangular. The mechanic opportunities were also sketched to observe the possible methods that can be utilized in the tray. With the highlighted sketches taken as inspiration, I aim seek out for ways to keep the tray not just simple but also space-friendly.
38
39
Tray
04
Ideation Development
Testing out mock up concepts on its functionality was essential to see the thickness of the material, the folding mechanism, and handle placements. I felt that the handles would suit more on top of the surface as it will give a lifted base if it was to lay on the table folded, giving it a raised surface for computer work.
40
A Simple Kitchen Craft Foldable Serving Tray Adaptable
Durable
Materials Suggested Retail Price : $29.99 Functional
Space convenience: Tray folds in half to eliminate space abundance.
Aluminum
Ergonomically comfortable: Smooth rounded outer edges for a pleasant hand grip when being used.
Angled Preference : Can be used as an angular table when it’s time to eat.
Maple
Render & Data Sheet
Moving forward with the folding hinge concept, I looked at keeping the design simple while incorporating it with industrial accents to make it appealing. The mission is to create a kitchenware product that are durable, suited to serve each purpose in a particular way and adjust to various conditions such as size and function.
41
Tray
04
42
43
Tray
04
Kitchen Craft 44
t Made Easy. 45
Mobile App
05
46
Campus Fit The Calorie Counting App
A UX/UI project that focuses on helping college students connect with one another on avoiding food scarcity and to gain more insights about the latest food resource opportunities that their school and its proximity has to offer.
Group members: Joshua Polido Jackie Mendoza John Nguyen Roshni Patel
47
Mobile App
05
53%
25%
College students were failing their classes because of their lack of food resources
college students are food insecured
25% college students were reported missing or have dropped their classes because of their health linked to food scarcity
48
Persona Tim Martin had just moved out of his parents’ Los Angeles home to go to UC Davis for his first year in college. Each night, Tim struggles on making dinner on his own as well as finding places to eat because he doesn’t know what resources are around him. Since the campus is too large to explore, it is preventing Tim from knowing his school’s latest events and opportunities.
49
Mobile App
05
Storyboard Mapping out a typical first year situation for new students like Tim helps us understand what moments we want to focus on and making our app a helpful tool to breaks the barriers of shyness and pivoting students to being more involved around with their school.
50
Product Map In order to see what kind of tasks we want for our app to flow with, our group mapped out the essentials of each possible factors to help students not only get more access to their their food resources but also to improve their health and mind.
51
Login/Sign Up
Events
Home
Mobile App
05
Recipes
Social
Settings
Wireframe Utilizing the wireframing phase, it shaped the basis of what we would want our app to look like. After carefully wireframing all of our concepts, we narrowed it down to 6 main screens to concentrate it on with the aesthetics process.
52
Campus Fit
Myriad Pro Regular Bold Bold Italic
Davis Blue
University Gold
Black
Aesthetics Our overall final app concept is meant to apply for all universities and incorporate with their school colors but to understand how it would look like for one specific school, we will use Tim’s school, UC Davis, as an example.
53
Mobile App
05
Final Direction
The simple and user- friendly layout allows a quick understanding of what each content does . Keeping the colors original and distinctive, we want our app to embrace the school’s spirit while utilizing easy-to-read font style and size.
54
“I dont have to worry about missing another event at school again!�
55
Mobile App
05
Customize
The app can accommodate to any school that the student is attending and it can be customizable with the desired given backgrounds .
56
57
Mobile App
05
58
59
Mobile App
05
Your next opp 60
portunity awaits. 61
Thank you.
JN
initialjohnn@gmail.com (916) 897-4467