PRODUCT DESIGN PORTFOLIO
JOHNNY LAM
JOHNNY LAM: Product Design Portfolio Copyright Š 2015 Johnny Lam Fu Sing, Johnny Lam Design All rights reserved. No part of this publication may be reproduced in any form, or by any means, without permission from author. www.johnnylamdesign.com
‘When pride comes, then comes disgrace, but with the humble is wisdom.’
Johnny Lam I am a product designer from Hong Kong who has been studying in the Hong Kong Polytechnic University School of Design for 3 years and counting. My passion is creating beautiful objects with a minute twist of spontaneous brilliancy, while keeping things comprehensible, and are pleasant to experience.
EDUCATION The Hong Kong Polytechnic University | undergraduate Bachelor of Product Design in School of Design
skills Design Thinking Concept Design Sketching Marker Rendering Perspective Drawing Technical Drawing Wood Working Model Making Rapid Prototyping Rhinoceros 3D 3D Rendering Photoshop Illustrator InDesign
4
852-6687-8627 jhnnylm@gmail.com johnnylamdesign.com
table of content 07
Step-it
21
Rolling Toaster
41
Moment
51
Split-ker
63
Slingshot Ring
71
Unphub
81
Tattoo iPhone
87
Tail Me
Juicer brainstorming sketches
5
6
Step-it
Step-it shoes, 2013. Partnership with Katy Lau and Vivian Ng
7
Step-it
01/ Research
| BRAND CHARACTERISTIC
_ Clever _ Accessible _ Convenient _ Colourful _ Connecting people _ Innovative _ Adhesive will remove clearly after use
| USER IMAGE
_USER IMAGES
| COMPETITOR
Female Set 1
Step-it is a brand inspired conceptual shoes design that aims to capture and interpret the brand spirit. The initial stage of the project involves an extensive look into the brand Post-it. Its characteristics, message, value, user mood-board, as well as a study of its video advertisement. Then both a investigation into footwear visuals, trend era, archetype and working mechanism is done, and finally silicone and skin adhesive are chosen to be the material and working solution for the project.
8
Male Set 1
Katy
Johnny *flat feet
FOOT WEIGHT DISTRIBUTION STUDY
Female Set 2
Male Set 2
Vivian
Kevin
Step-it
02/ concepts Idealization
Three concepts of the shoes is selected to become the final design directions. Hence, the shoes will be consist of three structures and design parts. The contour body with sticky layer; the bottom sole; and the heel part will be the fundamental language that contributes to the shoe archetype and identity.
9
Step-it
03/ iteration
All three elements of the Step-it shoes went through a series of iteration and form exploration, and finally resulted as a body piece with minimal wall that flow along the foot contour; a stripes bottom sole for styling as well as enhanced flexibility; and the round back heel.
10
Step-it
04/ development
The outline hand sketches and illustrator wire-frame are imported into CAD environment for CAD modelling, the model then is ready for rendering explorations, The heel part is ready for CNC prototyping. While the body piece, ‘sole’, is CNC out for tangible inspection, the negative of body piece is as well CNC out for silicone molding. The bottom sole, ‘bottom’, with strips is send to laser cut out a stacked acrylic flat mold panel for the fabrication of silicone, or otherwise rubber, insole and bottom.
11
Step-it
12
Step-it
05/ design
Thinking about the continual existence of the paper sticky notes in this ever more digitalizing age, Step-it shoes aims to capture the same spirit and user experience. Though paper sticky notes are not as advance as digital note taking or reminders, the touch of paper; the slight resistance of tearing a note out from a stack; the actual sticking motion or the slap on the wall are spirits that digital platform fail to deliver. This concept shoes is therefore, here to challenge the conventional ‘shoes’, delivering that same instant stickon ‘step it and wear it‘ experience similar to the paper sticky notes.
13
Step-it
Step-it is a shoe consists of only the insole (yellow), sole (grey), bottom (light blue) and heel part (blue). With skin adhesive applied on the yellow insole, step on it to instantly put onto the feet, and can peel off for repetitive uses. Replacement yellow insoles come in a stack all together similar to sticky notes.
14
Step-it
Made out of silicone and flexible for walking movement.
15
Step-it
Yellow insole is the part that have (skin) adhesive on both side to both stick onto the sole body and the feet. Blue bottom with strips design for enhanced flexibility and better gripping to ground.
16
Step-it
The heel part in more vibrant blue is the only hard part of the shoes, providing protection but mainly also to retain the archetype of shoes instead of slippers.
17
Step-it
Yellow insoles are individual component that are replaceable, come in a stack as inspired from the note stack.
18
Step-it
Sole body is contoured to provide support for feet and the flexible yellow insole sheet can flow along the contour as well.
19
20
rolling toaster
Rolling Toaster, 2014.
21
Toaster
01/ Research
TOASTER RESEARCH
SPECIAL FEATURES
TOASTER RESEARCH
Bruan
Philips
Philips Daily Collection Toatser
Crumb Tray
Stop Button
TOASTER RESEARCH
Extra Wide Slot
Bugatti
Cord Management
Alessi
Crumb Tray
Philips Toatser
COMPETITIVE PRODUCT
Bun Warmer
Jacob Jensen
Panasonic
Cool Touch
SPECIAL FEATURES
TOASTER RESEARCH
GENERAL FORM / MATERIAL LIST
Vertical retangular shape
Exisiting Toasters
Quick Serving
See-through
Toaster is a design project that takes a look into the new opportunity for household appliances. The initial stage of the project involves an extensive look into the existing toasters on the market. Their features, functions, markets, form studies and material studies etc.
22
Plastic
Breakfast set making
Bonus cooking features
Stainless Steel
Tempered Glass
Toaster
TOASTER RESEARCH
USER
TOASTER RESEARCH
PRE / POST - USER EXPERIENCE
PRE-USER EXPERIENCE
USER EXPERIENCE
Plug in cord
Insert bread (visual)
Apply jam
Lifestyle
Set timer (visual / touch)
Serve with filling
Professionals
Pop-down (visual touch)
Crumb cleaning
Wait (Hearing: timer clicks / Smell: scent)
Cord management
Young
Typical
Classy
Vibrant
Practical
College
Versatile
Expressive
Economy
Pursuit
Hang out
Communion
Social
Trendy
Routine
Enjoy
Pop-up (Hearing: spring sound / Visual: Pop)
POST-USER EXPERIENCE
Restoration
Take bread out (touch)
Gimmicky
Alessi
Philips
TOASTER RESEARCH
Jacob Jensen
CONCEPTUAL DESIGNS
TOASTER RESEARCH
DESIGN POTENTIAL
Easy jam/butter Glide Toaster Ceramic George Watson
Catapult Toaster Ivo Vos
ROLLERtoaster Jaren Goh
Rortabletoaster Kim Been
Nahamer T450
With toppings and fillings Total controlled Browning
Browning shades / Browning pattern
Notepad Toaster Sasha Tseng
Electrolux Scan Toaster Sejong University
Transparent Heated Glass Toaster
Modular toaster Hadar Gorelik
Serving toaster Choe Jeongju
Trip-proof cord
As well as a target investigation into product mood and its users, together with a mapping of the various using experiences, plus a list of conceptual directions emerging in the trend. Finally some initial design potentials are decided for the project direction.
23
Toaster
02/ concepts
Six concepts is populated at first brainstorming stage.
24
Toaster
03/ iteration
Two concept directions are chosen for iteration.
25
Toaster
04/ initial design
One of the two directions is chosen and then produce into the initial design.
26
Toaster
05/ design development
The initial design is taken for development.
27
Toaster
At this stage, a quick model study is conducted and mood board is created to guide the design towards a more specific styling of choice.
28
Toaster
06/ refined design
Design is once again refined to open up to more opportunities by slimming down the proportion and introducing the intersecting extrusion element.
29
Toaster
07/ iterated design
The refined design goes through iteration again, taking the consideration of heating element as a visual element.
30
Toaster
08/ iterated design
Iteration continues to happen until the very final stage, continuous glass casing is introduced.
31
Toaster
09/ finalized design
Design is finalized to incorporate clear continuous glass casing with plastic casing inside, arc-shaped heating element to provide greater visual clarity. And keeping the extrusion intersection part.
32
Toaster
10/ design
Rolling Toaster is a concept design of which a transparent casing is used, so that the brownness of toast is visible throughout the toasting process.
33
Toaster
Push Pull On/Off
Rotate to adjust roller speed
Heat-Resistance Glass
Roller Heating Element Turn on and off with a push/pull button, rotate to adjust the speed of roller feeding the toast through the fixed power heating elements to determine browning level. The brownness is purely dependent upon the speed of the feeding through heating element by the roller speed.
34
Matte Plastic Casing Control
Aluminium Stand
Toaster
Browning process is visible through the glass.
35
Toaster
Fall onto plate by gravity without needing to touch the burning toast.
36
Toaster
Bread being fed in horizontal position.
37
Toaster
In the horizontal position, topping like sliced cheese can be applied.
38
Toaster
Toaster can be used while stand-up or laid-down, with toppings. Both orientations will allow the toast the fall onto plate automatically.
39
40
moment
Moment watch, 2014. Partnership with JS Lee
41
Moment
01/ concept
The concept of Moment is to create a minimalist time piece that induces interaction and control over time-telling process. Hence, inspired the idea of ‘a Moment with time‘.
42
Moment
02/ development
The development of the design is challenging as it is significantly technological reachability driven.
43
Moment
03/ prototyping
Due to the fact that we would like to produce a working prototype instead of simply concept renderings. Existing parts are used to create Moment time piece, and elements like slim-profile are limited due to technical challenges.
44
Moment
10/ design
Moment is an experimental timepiece that shows time only by attaching the display chamber onto it, giving a sense of control over the time in a day.
45
Moment
Apart from the clear display chamber, beneath the silver casing are the magnetic watch hands that the black dots in chamber follow along.
46
Moment
Subtle embossing markings of time position are designed to provide higher visual clarity, yet visible as light wraps and reflect upon the embossing.
47
Moment
Shake and unshaken to position the dots for time telling or to dismiss it.
48
Moment
49
50
split-ker
Split-ker speaker, 2014. Partnership with Scarlet Ngai
51
Split-ker
01/ concept
The concept is to create a bluetooth speaker that is water-resistance, and can be split into a stereo set.
52
Split-ker
02/ development
The speaker model is crafting process.
53
Split-ker
03/ design
Split-ker is an intuitive bluetooth speaker with no control buttons or ports. It can be put together by magnets as a single cylindrical unit or split into two units.
54
Split-ker
55
Split-ker
All playback controls are managed from devices, and turns on/off via Bluetooth 3.0 technology.
56
Split-ker
57
Split-ker
The magnets embedded allow two speaker orientations, 180’/360’, when in cylindrical form.
58
Split-ker
Split-ker is charged by an induction charging dock, eliminating the need of power port on the body.
59
Split-ker
The magnetic ends for induction charging allow various magnetic accessories as well.
60
Split-ker
Button-less and port-less design allow a weather/shower-proof experience.
61
62
slingshot ring
Slingshot ring, 2014.
63
Slingshot Ring
01/ concept
With the Scan & Print method adapted from the Size China Project, the concept is to design a piece of ring that fits your own hand and make use of rapid prototyping to fabricate/design usually difficult to made objects like ring.
64
Slingshot Ring
02/ Iteration
The Scan and Print method is a bit different from the conventional design process. The method aims to jump to the prototyping stage as quickly as possible, and to iterate the design, to correct the wall thickness, fillets and design details in real compared to model in CAD.
65
Slingshot Ring
03/ design
Slingshot Ring is a fun piece of jewellery with a bit of punch.
66
Slingshot Ring
Slingshot Ring is designed with the Scan & Print method adopted from the Size China Project. The ring is designed around a 3D scanned hand and fabricate in metal with 3D printing technology.
67
Slingshot Ring
Pops up with fist and ready to fire projectile.
68
Slingshot Ring
Lays flat against the back of palm when hand stretches open.
69
70
Unphub
Unphub, 2014. Partnership with Scarlet Ngai
71
Unphub
01/ concept
INITIAL IDEAS:
PHUBBER NAPE PIECE
accessory that helps phubbing generation.
SCAN & PRINT SD3469
JOHNNY LAM / SCARLET NGAI
FLEXIBLE DEVICE THAT CAN DETECT THE CURVATURE OF THE NECK
SOMETHING THAT STICK OR PLAE ON THE NAPE
POSITION SENSORS INSIDE
BAD POSTURE FOR TOO LONG
SMARTPHONE ADDICT HEAD / FORWARD HEAD
The project is also to make use of Scan & Print method to create something that fits onto the human body. The concept is to create a smart accessory that aims to provide posture correction alert for this ‘phubbing‘ generation, addressing forward head syndrome and headsdown posture for prolonged device usage.
72
HEAD POSTURE AFFECTS THE CURVATURE OF NECK
NOTIFICATION OR REMINDER
Unphub
IDEA EXPLORATION:
SCAN & PRINT SD3469
PHUBBER ALERT WEAR accessory that helps phubbing generation.
02/ development
JOHNNY LAM / SCARLET NGAI
THE LOOP OF WIRE ACTS AS A SENSOR OF THE NECK POSITION
DIFFERENT PATTERNS FOR COVERING THE NAPE AREA NECKLACE OR BLUETOOTH EARPHONE
SMARTPHONE ADDICT HEAD / FORWARD HEAD HEAD POSTURE AFFECTS THE ANGLE OF NECK
OR AS FASHION ACCESSORIES BAD POSTURE FOR TOO LONG
NOTIFICATION OR REMINDER
The nape piece is developed to be a necklace kind of accessory.
73
Unphub
03/ cad iteration
Some CAD renderings are used to explore styling possibility.
74
Unphub
04/ prints iteration
The Print & Iterate process of the Scan & Print method involves multiple rapid prototyping prints to improve and dictate the final design, such as wall thickness, radius, fillet and fit etc. The bottom picture is the first print, of which, we get lost in CAD screen and things turns out too thin in reality. The rest two sets are the iterated prints, which center of gravity and heaviness is further concerned to lead to the final design.
75
Unphub
05/ finalized design
Before the final design is constructed in CAD, over-lapping trace drawing is scanned and imported into the CAD modelling software as construction guidelines.
76
Unphub
06/ design
Finally Unphub is a conceptual design that aims to explore the possibilities of posture correction accessory that addresses the heads down into device ‘phubbing’ generation.
77
Unphub
Also designed with the Scan and Print method like Slingshot Ring, A complete 3D head scan is captured and imported into modelling software. And designed around the scan to fabricated with 3D rapid prototyping in various stage for form development that leads to this final form.
78
Unphub
The neck piece is embedded with gyro-sensor to be aware of the posture of the neck and sends notification via bluetooth to your active device, reminding user to correct their posture.
79
80
tattoo iphone
Tattoo iphone, 2014. Partnership with China Chan
81
Tattoo iPhone
01/ concept Daniel Bamdad
cool outspoken expressive bold stylish alternative visual badass confident
The (case) is inspired by German fashion model Daniel ‘Ink‘ Bamdad, the aim is to create a iPhone case imagining that he could actually uses. Initial study of his tattoo, mood board, and case designs are produced in the first few stages.
82
Tattoo iPhone
02/ development
Finally we decided that the only case Daniel Bamdad would actually uses is not a case with tattoo over it, but a tattoo done directly onto the iPhone itself.
83
03/ design
Yet questioning what is an iPhone case, what define one and their purpose. The idea of a tattoo iPhone (case) is born. (case) as a mean to express, and as a mean for protection.
84
To express, like tattoo. To be ‘protected’ from scratches and dings, achieve by designing the damage made deliberately onto the body.
85
86
Tail me
Tail Me collection, 2012.
87
Tail Me
01/ concept
Tail is always an interesting part of animal, which we do not possess. It has a fun element to it, especially appearing in a form of man-made version, like stuffed toys or decoration. With this in mind, a series of ‘Prankware‘ (Prankish Houseware) is formed as a concept direction.
88
Tail Me
02/ development
Initially it starts with one idea of accidentally sitting on your cat at home. Later, developed into visual joke ideas for door-stop, socket attachment and remote finder.
89
Tail Me
At last, total of four ideas are chosen for the series.
90
Tail Me
03/ design
Tail Me is a series of housewares for living room. Aimed to tackle some small problems in daily living. Which included finding the remote, doorstop, socket board in a prankish fashion. The actions of resolving those problems will often provoke a strong emotion or humour, as you step, pull and sit on the cat or fox’s tails.
91
Tail Me
04/ cushion
Tail Me cushion allows you or your guest to sit on your cat.
92
Tail Me
05/ door-stop
Escaping fox hiding into your rooms, is a door-stop.
93
Tail Me
06/ remote
If your remote keeps missing into the gap of the sofa, it is the fox.
94
Tail Me
07/ sockets
Step on your cat for socket board instead of reaching down for it.
95
96
2015, Johnny Lam Design
97
Johnny Lam Fu Sing 852-6687-8627 jhnnylm@gmail.com johnnylamdesign.com