Johan Larsson
Industrial Design Portfolio 2014
My curiosity, empathy, and analytical mind propelled me into the world of design. Making a positive impact and providing fresh perspectives is what continues to drive me. For me design is not about putting more products out there, it is about making the world a better place, creating solutions that help people extend beyond their normal grasp.
Johan Larsson
FISKGJUSEN Kayak Product Design
StĂŚlla Glass Product Design
KIYOKO 1 Augmented Reality User Experience
Robotic Vacuum Cleaner Product Design
Tangiball
Tangiball
Ubiquitous Computing User Experience
Fiskgjusen - Project #1
FISKGJUSEN
Kayak for the Scandinavian fisherman Fishing from kayaks in lakes and streams is a growing trend, increasing the need for practical and pleasurable fishing kayaks suited to the fisherman’s specific needs. Fishing kayaks are traditionally made from polyethylene, making them heavy. Carbon fiber could cut weight by 30%.
Team of three Date: 2013 Duration: 10 weeks Client: Midnight Composite Skill: Product Design
Mission Statement
To develop a kayak primarily for the Scandinavian fisherman, who wishes to navigate quietly and discretely, close to nature. With a design associable to the Scandinavian nature and carbon fiber as the main material, the kayak should be light and portable on land, safe and stable in water and meet the user’s need for space and equipment.
Persona
Thomas Marklund, 42
Hard working family man that likes the solitude of nature Home Single family house, close to nature Family Wife, two kids, and a dog Occupation Independent contractor, carpenter Education Trade school, carpenter Income High income Social life Socialize with family and neighbors Personality Problem solver, calm, strong quite type Attitude Do it yourself attitude Lifestyle Working hard, family life, likes nature over city Hobbies Fishing, hunting, snowmobiling Media habits TV, local paper, hunting and fishing magazines Needs High quality equipment for a perfect day in nature Frustrations Low quality equipment runining the experience Motivation Fishing trips,hunting season,paycheck, family
Recreational fishing is one of Sweden’s biggest hobbies with a yearly turnover of 2 Billion Swedish crowns
1 out of 3 Swedes goes fishing at least once a year
900 000 are fishing more than 20 times a year 450 000 call fishing their most important hobby
Competitor analysis
Mapping and analysis of competing kayaks
Kayak testing
Lifting, carrying, entering, paddling
Ergonomic Analysis Mock up model, testing and measuring
Easy to store Easy to transport by car
Easy to lift and carry
Stable for entry and exit
Lightweight for transport
Sufficient storage space
Design Requirements
• Safe in water • Easy to paddle at low speeds • Stable and maneuverable in the water • Easy to handle on land • Lightweight compared to competition • Simple functional solutions • Support the user’s need for equipment
Easy transition between paddling and fishing Easy to bring in the catch
Ideation
Explorative sketches, moodboards
Clay modeling
Explorative clay modeling, 3D scanning
Manufacturing
Class A surface model, CNC milling, carbon fiber casting
Testing and finish
Water testing, finishing of final model
FISKGJUSEN
Fiskgjusen lets the user navigate quietly and discretely close to nature. With a design inspired by the Scandinavian nature and carbon fiber as main material, the kayak is light and portable on land, safe and stable in water while satisfying the user’s need for space and equipment.
Specifications
All measurements in centimeters
Features and measurements 38
32 71
352 21
13
90-110 53
Packing space 62
95 130
Detachable table with storage Easy access storage
Covered packing space
Smart packing space
ISO 25 mm Aluminum tube for mounting equipment and easy handling
Ergonomic grip
Support rods and adds strength Rubber bumper for durability Removable table
Grip for pulling and carrying
Physical Model
1:4 Scale model in carbon fiber
StĂŚlla - Project #2
StĂŚlla
Handblown Crystal Glass
We wanted to create a glass that could be used without a table, a glass that rests comfortably next to you on the sofa.
Team of four Date: 2012 Duration: 10 weeks Client: Entrepreneurial Skill: Product Design
Photo: Johan Hisved Photography
Ideation
Need-finding, moodboard, sketches
Prototyping
Sketch-models in clay, prototypes in glass
Stælla Stælla is a handblown crystal glass crafted in the north of Sweden. With its wheat pad coaster Stælla can be placed on an uneven or soft surface, such as the sofa.
Keep beverage cool
Keep beverage warm
Refrigerate the coaster to keep your beverage cool for a longer amount of time
Microwave the coaster in order to keep your beverage warm for a longer period of time
째C
째C 7,2
No coaster
1,6
Coaster
80
Coaster
64
No coaster
53 20
min
0
20
min
Photo: Johan Hisved Photography
ACE - Project #3
Augmented Construction Equipment
The task was to find a relevant area to apply augmented reality, and we chose the construction industry. We identified several problems within this field of work and applied augmented reality within a head mounted display to create a design solution.
Team of two Date: 2013 Duration: 6 weeks Client: Western Washington University Skill: User Experience
What is the field of construction like? High risk and low profit
The field of construction is highly competitive with large and dangerous projects.
Complex line of communication
Big construction projects often involve many actors making communication challenging.
Stressful
Construction is very stressful due to the intense deadlines.
Observations Communication
Oral communication under difficult circumstances may lead to errors.
Safety
Lack of awareness results in dangerous situations.
Efficiency
A lot of time is spent walking back and forth to the site office to get information.
Interviews ”Since we are constantly under pressure a lot of misunderstandings happen.”
” A lot of time is wasted on locating the right persons at the site and to find the tools we need. ”
” We rarely have enough time to properly go through every phase of the work with the construction guys.”
Challenges Tough Environment
Construction work is tough and the environment can be very challenging and dangerous.
Safety Gear
We had to design a product that could be used with a hardhat, ear protection, safety glasses and gloves.
Objective To improve work site efficiency and safety through better communication and information sharing.
Experimentation
Tested different types of controls with work gloves to figure out the best solution for product interaction.
Sketch models
We made a lot of quick models to test how different solutions worked with the safety gear and to try out size and proportions.
Sketching
Sketched on mannequins to get right proportions and sketched out different solutions and scenarios for the user experience.
Storyboard
Crew and foreman are stressed Complaints gets passed along to the crew The foreman is trying to figure out a plan to meet the demands from the main office
Complaints from the main office
The crew gets their task list, which is one of the new approaches The crew walks out to work, with the task clear in their head
The foreman presents his ideas for work site efficiency improvements
One of the guys heads back to the foreman office They forgot what length to cut the beam
But the foreman is helping some other guys
But the crews memory starts to fade
Time goes by, and the deadline is tight
Time is precious so they decide to take a chance and cut the beam Heading back empty handed
The beam is too short and falls down
One of the guys gets injured
How is the foreman supposed to meet the deadline with one guy short?
Someone put Augmented construction equipment on his desk Now the crew can easily measure distances Next morning the foreman sees a bright light from his office
Overlay blueprints to know what parts to use
Communicate with the foreman and other crew members
Manage files and get information at the loading dock
They deliver in time and finally the foreman has happy news for the main office
Augmented Construction Equipment 3 pieces form the unit
#1 Charge Dock
Inductive charging and interactive surface for file management and customization
Wire outlets
Camera
Windows CAD Files
Drywall
Clean 2nd floor
Interactive surface
Cut pipes Settings
Tasklist
Inductive charging slots Indicator light
File management
The charge dock functions as the main hub for information sharing on the site. The individual headpieces only hold need-to-know information to limit distractions during the work day. When the crew meets up at the site office they share information and get updates.
#2 Headpiece
Tactile button works easily with gloves, flip-up screen, HD camera and dual lasers
Smart Laser
By combining GPS and gyroscope with triangulation technique, the smart lasers can be used to measure distances and plot points on the walls.
Dual lasers HD camera
Optimal mic position
The Microphone
The microphone is placed on the inside of the headpiece to reduce noise from the construction site. It also measures the noise level and the system can warn the worker if it is too loud.
Tactile navigation
In addition to voice control, the headpiece also has a tactile button for navigation. The tactile navigation is easy to operate with work gloves.
Fold-up function
The headpiece is easily turned off by flipping it up and moving it away from the line of site.
#3 Hard Hat Clip
A clip that attaches to the lining in the hard hat, equipped with bone conduction hearing device and camera lens inspired durable attachment.
Comfortable padding Bone conduction
Lens inspired security Easy attachment
Push to release
Communication
The crew and foreman can communicate through pictures, videos and voice. The foreman can send the crew the next task when the first is completed.
Parts information
Parts can be analyzed with the camera and lasers to make sure they are correct and to size for their intended use.
Task lists
When the crew receives a new task they can check out materials needed, reference blueprints and get started with a detailed list of instructions.
Safety
The headpiece can sense the environment and tell the worker of dangers present and co workers can tag warnings and notifications at specific locations to prevent injury. Also the Mic registers the noise level during the day and notify the user if they work in too noisy of an environment.
Please check out video at Vimeo https://vimeo.com/68418831
Kiyoko - Project #4
KIYOKO 1 Vacuum
Design of a robotic vacuum cleaner
The task was to analyze the form and design language of a given brand and apply this to the design of a robotic vacuum cleaner. A prototype of the design was made using CNC-milling, 3D-printing and vacuum forming.
Team of three Date: 2013 Duration: 5 weeks Client: Lule책 University of Technology Skill: Product Design
KIYOKO Vacuum Cleaner PJE-13
YOSHIKIN
Japan
KEYWORDS
SEAMLESS UNITY BALANCE MINIMAL BEAUTY OF THE MATERIAL
COLOR AND MATERIAL
Clay Model
We worked in clay to get a feeling for the proportions. The model was 3D scanned and the surfaces were refined in Alias.
Manufacturing
CNC milling, sheet molding. The top surface was sanded in a circular pattern to simulate brushed metal.
Final Touches
Holes for the exhaust were drilled and aided by printed out templates. A special color was used to get the metal look.
Tangiball - Project #5
Tangiball Conveying presence over distance Tangiball
The purpose of this project was to develop a product that can convey and communicate a sense of being together when the users are at different locations.
Individual Project, Master Thesis Date: 2014 Duration: 20 weeks Client: COMPEIT, EU-research Skill: User Experience
Problem Many people live away from family and friends
People’s increasing mobility, the growing amount of single householdsand the aging population leads to more people living separated from friends and family.
Need Connectedness between remote locations
The increased number of people living away from family and friends creates a growing need for connectedness between remote locations.
There are many services for communicating over distance...
There are currently a great variety of services and tools available that allows users to communicate over geographic distances.
Opportunity
...But none of them focus on subtle communication Available communication services focus on the transmission of explicit information, neglecting the subtle and emotional communication that is important for close relationships.
? How can the feeling of social presence be portrayed and communicated by a product?
I just came h o
e m
making d m inn a I
er
Awareness
The product should let the user share different types of ambient information about current activities or moods.
tching the ga a m W
e
Joint action
The product should support the users to carry out actions together, which usually requires being physically collocated.
Expressivity
The product should support the user to express feelings and emotions by, for example, allowing the user to develop their own language or to use language in an ambiguous way.
Scenarios
Several scenarios have guided the design process.
Design Workshops
Several work shops were held using prototypes of different fidelities.
The idea
A stationary unit and a mobile device
The concept would consist of a stationary unit combined with wearable units communicating with each other. It is redundant to introduce a new wearable device since it is evident that most people already carry around a smartphone, which is full of sensors and quite capable of communicating. Leave messages
Core values of the concept
• Ambient Presence • “Silent” communication • Communication between two parties that know each other well • Part of a network • Communicating emotions • Animations, colors and movement
Direct light
Influence color
Create mood Show internet feed Visualize facebook
Experience Prototyping
Different mock-ups were used to prototype the experience.
Prototyping
Many iterations of prototypes
User Testing
User tests with different user groups
3,35
Total average score
2,51
Usefullness
4,03
Ease of use
3,05
Ability to convey emotions
3,44
Ability to convey presence
3,72
User satisfaction
Key insights • Ambiguity diminishes the feeling of being monitored • Users want to create their own messages • Should be unobtrusive unless user’s attention is required • Should support ambiguity and abstract language • Social interactions should not be imposed on users • Should express just enough meaning – not too much
Final Concept Tangiball
Tangiball is a system of two intelligent lamps combined with a web application that helps geographically separated users to feel connected.
Two devices and an app
These components form a network in which they all communicate with each other. The system is also capable of communicating externally through Internet connection.
Tangiball
How it works Mobile communication
From the web application, the users can create and send their own custom light and color messages as well as sending pre-made emotional animation.
Tangible interaction
Tangiball also gives the users a new way of expressing their mood and emotions using color and light animations.
Conveying a sense of presence
Tangiball allows the user to capture video from one location and portray it abstractly with light and color at the other location. The abstract visualization of the video data creates ambiguity, which reduces the sense of surveillance and provides an implicit communication that is important for close relationships
Visualizing internet feeds
The Internet feed function lets the user map different feeds from the Internet to Tangiball’s lights. The feeds from the Internet are represented using light and color.
Sensing the user’s location
By sensinging the user’s location through the smartphone, Tangiball can for example give notice when a friend arrives home from work.
Tangiball
The Physical Device
The Design
The white sphere embraced by the brightly colored stand symbolizes closeness, with the two “arms” hugging around the ball. The two arms in combination with the three buttons on top creates a frame around a circular light that only becomes visible when it is activated.
The Buttons
Three touch-sensitive buttons can be customized from the app
Camera
In the center of the “face” of the device a small video camera is placed that can capture data from one location in order to present it as light animation at the other.
NeoPixel Ring
Video camera
Arduino Yun
Arduino Yun is an open-source, programmable microcontroller for electronics that can be connected to a wide range of sensors and actuators, for example lights, speakers, and motors.
LED Strip
Tangiball
The App
Main interaction
The web application is Tangiball’s primary platform for interaction, from which the user can control different light settings, animations, and communication services.
Set the color of the light Access Tangiball’s functions Adjust brightness of the light Set the functions of Tangiball’s buttons
Emotional Animations
Lets the user send emotional light and color messages to the physical Tangiballs. The circular menu contains different emoticons that represent different emotional states.
Preview
The user can send light and color animations that represent emotions to one or two Tangiballs by clicking on the desired emoticon. The user can also preview the animations on the app before sending the light message.
Animation editor
In the animation editor, the users can create their own custom light and color messages.
Internet Feed Presence light
The presence light allows the user to sense a presence from the room where the other Tangiball is located. One Tangiball is capturing video with its builtin camera. This video is live streamed to the other Tangiball where it is represented by abstract light and color.
The Internet feed function lets the user map different feeds from the Internet to Tangiball’s lights.
“What If� Scenarios
The Hospital Environment
Tangiball could be a valuable asset in the hospital environment. For example if a child is hospitalized for a longer period it is almost impossible for the parents to constantly be present at the hospital.
Aid in therapy sessions
To visualize different colors and lights on Tangiball might help children and adults to express their emotions.
Johan Larsson
Contact: +46(0)70-5439280
johanlarsson120@icloud.com www.johanlarssondesign.com
MSc. Industrial Design Engineering
Profile • Product designer with a MSc in Industrial Design Engineering and extensive coursework in business and marketing • Holistic design thinker with the ability to find, combine, and analyze insights from different areas in order to solve the real issue with a given design problem • Capability to mix the design of service, product, and digital to create innovative products that are user-centered, purposeful, and easy to use • Ability to clarify complex processes by visual communication, both analog and digital in 2D and 3D, as well as with 3D animation and video Key projects
2014
Master Thesis Project, worked independently for the European research project COMPEIT
User experience design of an Internet connected product and web application Built a functional prototype together with two Computer Science PhD students Moderated several design workshops and conducted usability testing Presented work at international research conference in Helsinki
Active designer and project manager in a team of three in a project for Midnight Composite
Competitor analysis, identified market segment, design requirements from user studies Created a carbon fiber scale model (clay model, 3D Scanning, 3D printing, CNC milling) Designed marketing materials (3D visualizations, booklet, poster, logo) Created production ready CAD files (class-A surface model)
Designed and introduced new glassware into the market (Ongoing) Entrepreneurial project together with two fellow designers
• Developed a high-end glassware from idea to finished product • Established relationship with producer and introduced product to market • Created material for marketing (product photos, web material, logo, display space)
Exchange Studies, Industrial Design
3D Visualization CAD Class A surfaces Design Research Ergonomic Evaluations
Software • Illustrator • Photoshop • InDesign • After Effects • Premiere Pro
2013
Western Washington University, Bellingham, WA, USA
BA Business Administration Mittuniversitet, Östersund, Sweden (online studies)
(Expected) 2015
Upper secondary school, Media Communication Anderstorpskolan, Skellefteå, Sweden
Independent Coursework Service Design Workshop
2012 -
• • • • •
Experience Prototyping Model Making Photography Product Animation Rapid Prototyping
• • • • •
Service Design Sketching Storyboarding Usability Testing User Experience
• • • • •
Alias Automotive Rhino 3D Maya Keyshot Final Cut Pro
• • • • •
Solidworks NX PTC Creo MS Office SPSS
2000
2014
International Human Centered Design project course (7,5 hp)
2012
Concept Art (15hp)
2010
Executed in Luleå in collaboration with Mapua Insitute of Technology, Manilla, Phillipines
Work Experience Design Consultant
Sole proprietor and part of a network of 13 designers, Designpool Norrbotten
Design Consultant, Designteam 2012 Centek, Luleå, Sweden
Various Employments while pursuing passion for snowboarding Sweden, Canada, and Norway
Other Improv Theatre Workshop Unghästen, Skellefteå, Sweden
2012 2012 2000 - 2008
2014
Intensive Spanish Course (10 weeks)
2011
Freediver and Advanced Freediver course
2010
SSI Open Water Diver and Adventure Diver
2008
Lacunza International House, San Sebastian, Spain Apnea Total, Koh Tao, Thailand
Skills
• • • • •
Luleå University of Technology, Luleå, Sweden
Uppsala University, Uppsala, Sweden (Online Studies)
Designed Kayak for the Scandinavian fisherman (10 weeks) 2013 • • • •
2014
Led by Simon Clatworthy in Luleå, Sweden
Designed a product for an international research project (20 weeks) • • • •
Education MSc. Industrial Design Engineering, Product Design
Manta Dive, Gili Trawangan, Lombok, Indonesia
Recognitions
Business idea and business plan nominated for Venture Cup Product Featured on industrialdesignserved.com Project featured on canvas.pantone.com Winner of 6 Hour Race (design and innovation competition) Language
Swedish - Native English - Full professional proficiency Spanish - Intermediate skills
2014 2013 2013 2012
Thank You!
Contact: +46(0)70-5439280 johanlarsson120@icloud.com www.johanlarssondesign.com