John Nguyen Industrial Design Portfolio

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