Pontus ljungvall by pljungvall

Pontus Ljungvall

BFA Industrial design

PORTFOLIO 2018

ABOUT & CONTACT Pontus Ljungvall 25 years old Born: Gothenburg +46 (0) 707 41 25 54 Pljungvall@gmail.com

EDUCATION

WORK EXPERIENCE

SKILLS

2015 - 2018

2017 - 2018

Digital

UmeĂĽ Institute of design, BA in Industrial design

Industrial designer, hourly employee

Photoshop, Illustrator, Indesign,

Gothenburg, Dacat

Premier, After Effects

University of Gothenburg, Teacher education, visual art,

2017

Cad

for work in upper secondary school

Industrial design intern Gothenburg , Dacat

Solidworks, Rhinoceros, Maya, Keyshot

Spring 2012

2014 - 2015

Prototyping

University of Gothenburg, Single subject course, Swedish

Postman, VĂ¤stsvensk Tidningsdistribution

Metal, Wood, Foam, Clay, Paint booth, Laser

Fall 2012 - 2014

cutter, Lathe, Mill. Fall 2011

2010 - 2014

University of Gothenburg, Single subject course, History

Terminal worker, PostNord

1 Forklift safety system In collaboration with Arbetsmiljรถverket

2 Distance coffee break In collaboration with Konftel

3 Bus stop

In collaboration with RISE and Ultra

4 Poc 100 - Fire helmet

Protective equipment using the Poc brand

5 Mobile platform In collaboration with AIT

6 District heating

In collaboration with UmeĂĽ Energi

7 Skill-building projects

0001BEACON FORKLIFT/PEDESTRIAN SAFETY DEVICE Reducing the number of accidents between forklifts and pedestrians by giving them information about each others presence. Around 900 accidents involving forklifts occur in Sweden every year. This makes it one of the most dangerous tools in the workplace today. As the need to move goods around industry, warehouses and just about everywhere else will only get bigger. Bringing down the numbers of accidents has for a long time been a high priority for employers, organizations and unions but the number of accidents havenâ&#x20AC;&#x2122;t changed during the last twenty years.

9 WEEKS - SPRING 2018 THESIS PROJECT In collaboration with

Number of accidents involving forklifts 1985 - 2017

Research & analysis

Field studies

Feedback from warehouse personal

To make a sizable impact did was material from both Sweden and abroad studied to find the largest group of accidents.

Field studies where conducted to confirm the finding but also get a better understanding of how it is to work in these environments.

After the ideation phase was a second visit to AIT conducted to get feedback on the different concepts.

Vehicle aspects

Braking

The most common non-fatal accidents are when pedestrians are hit by forklifts

Stopping distance

Forklift 20km/h

Weight

Car 20km/h

Manufacture, warehouse and wholesale

Pallet rack environment

Visibility

Pedestrian accidents

The heavy weight of the forklift means even small touches can lead to severe injuries

The limited vision of the driver, especially when carrying a load, make it difficult to detect pedestrians.

Current products

Positioning

Prevent accident

Driver

Pedestrian

Lower injuries caused by accident

Many product categories are well established at many workplaces

Passive systems requires the user to interpret the information Active systems often require the users to come to a complete stop which lowers efficiency

Placed on vehicle

Interrupt work

Doesnâ&#x20AC;&#x2122;t interrupt work

Carried by pedestrians

Many of the active systems worked by mimicking systems found in traffic signals. Requiring either one or both parties to stop and see possible dangers before continuing their work. By creating a new product that could warn pedestrians and forklift without requiring them to stop completely can lead to a product better suited for the workplace.

Ideation

Mock-up testing Inspiration

Initial ideation

Control box

See through Head up display Parking system

Final concept â&#x20AC;&#x153;See through wallsâ&#x20AC;?

FINAL CONCEPT

Small devices containing a LED light and a sensor are placed alongside the racking systems. When a sensor notices movement in front of it does it talk to the other

devices that have notices movement. Both devices then turn on their LED lights. The effect is then such that the lights show movement that happens behind the racks.

Scenario Scenario

IDEATION - BACHELOR THESIS

IDEATION - BACHELOR THESIS Forklift and pedestrian moving inside warehouse

Forklift and pedestrian moving inside warehouse. moving inside warehouse

Light strip showing pedestrian in red behind rackets

Lightpedestrian strip showing pedestrian The shows up red tointhe forklift driver. red behind rackets

And forklift in green.

Both know that they are meeting someone and stops at the intersection

Final scenario

SPEED OF FORKLIFT

To keep the signal effective is it important to lower the number of false-positive results. By drawing up possible scenarios of forklifts and pedestrians moving through the enviroment can their possible paths be determined. The speed and direction can then be used to draw up rules for when the device has to warn the involved parties.

Possible routes for the forklift is based on the speed at which it is travelling

Stopping distance visuallized at a certain speed

To remove noise does the system need to know when two objects wont meet.

Pedestrian and forklifts possible travel distance.

MOVEMENT OF PEDESTRIAN

Development

HIGHLIGHTED FEATURES

Formboard

PROTECTED

Protected SPLIT LINES

Large form

Three directions exploring different ways for making the device feel like it could handle the bumps and bruises from being in a warehouse setting.

Creating a product that transmit confidence and precision will give the information more credibility.

Detail work

Some sections needed more work, one of them was the end piece needing an angle to project the light down the pallet rack corridors.

Light communication

CMF

LIGHT

YIELD

STOP

Clean industrial The light form shall work towards strengthening the clarity in the signal. Drawing attention towards the concerning corner. Allowing for the possibility of animating the signal required multiple elements arranged into a pattern.

FINAL SIGNAL

Giving the final product a clean white finish adds to the industrial feel without making it bulky and heavy. The added element of text can add information and create interest on the top and bottom surface.

Supportting system SOLAR PANEL

IN-CAB DEVICE MIMICS THE SIGNAL ON THE PALLET RACK MAGNET MOUNT

Forklift device

The device placed on the forklift needed to connect with the device placed on the pallet racks. Sharing most of itâ&#x20AC;&#x2122;s functionality only in a smaller package could many design features be carried over to the forklift device.

Signal 1

Signal 2 Light signal

Light signal

Sound signal

Pedestrian The device can destinguise between pedestrians and forklifts to be able to take into account their potential movements.

Signal 1 - Increase awareness

Signal 2 - Acute danger Awareness Signal The device starts to signal when the stopping distance of the forklift is equal to the distance to the pedestrian.

Determines Forklift Speed By knowing the speed can the required stopping distance of the forklift be determined.

Signals

The first light signal uses different levels of illumination to create a calm flowing feel. The second signal makes a hard cut between

lighting up half of the light elements creating a stronger signal.

Device

Protective covers

“LIDAR” Transmitter / �eciver

Light elements Led flex cable

Solar panels

Speaker

Batteries

Construction

The product in its exploded view. Assembly is done from left to right fastening the different pieces onto the rear baseplate. Being that the product will be placed in a working environment is it constructed to be easily disassembled and repaired. The top and bottom white cover is made as a protective case preventing lose objects from scratching the transparent plastic.

Speaker

The speaker is used to produce a audio signal giving a second possibility for the pedestrian the signal.

LIDAR

The main sensor uses â&#x20AC;&#x153;LIDARâ&#x20AC;? to read the speed and distance of different objects moving throughout the environment. This allows the sensor to interpret their different paths and stopping distances allowing it to notify when the situation needs to.

Mounting solution

The mounting solution need to be able to fit multiple different hole patterns. The mount also need to position the two devices around the corner of the pallet rack.

Power

The device stores electricity gathered from the solar panels in a battery pack. This allows the device to have sufficient power when the lights are turned on and makes use of the downtime to charge the batteries up.

Worker focused on current task

Forklift driving through warehouse

Device calculating speed and distance

Detects danger and start signal

Pling

If the forklift and pedestrian gets closer to each other

Does the second signal start

Pling

The pedestrian can slow down and allow the forklift to pass.

Warehouse Warning System The 0001BEACON is a sensor that uses LIDAR technology to scan the environment for pedestrians and forklifts. By determining their direction of travel and speed can the device calculate when they risk meeting each other. When the two are at a risk of crossing paths does the device, start signalling to tell them both to increase their awareness.

DISTANCE COFFEE BREAK When more people are working from home, are the important hallway and lunchroom conversations lost - or could they be brought back? Meetings donâ&#x20AC;&#x2122;t just take place inside conference roams, but also by the printer, coffee machine or lunch break. These small conversations help and build a community within a company. But when more people are working from home are these opportunities often lost. Making it possible to take part in small talk even when working out of the office was my take on the next generation of Konftel device.

5 WEEKS - SPRING 2017

In collaboration with Peter Renkel CEO

RESEARCH

Problem; Disconnect between office and remote workers

Disconnect Working out of the office More people are using the possibility of working from outside of the office. The personal computer and later mobile revolution have made it easier then ever to get work done from home or on the go. This change does come with many benefits such as parents being able to work from home when their children are sick. Having a mobile workforce can also allow companies to use more flexible office solutions, reducing the cost of desk-space. However the new mobile working life also comes with new challenges. Getting detached from fellow coworkers can lead to extra stress, guilt and even burnouts. It also lowers the ability for companies to effectively coordinate work. Making yourself seen and heard at the office could therefore be good for both the employer and employee.

Solution; Bridging gap between office and remote workers

Direct connection

Connecting the employees at the office with those working remotely could increase the possibility of spontaneous meetings which helps to exchange the combined knowledge within a company.

https://jaxenter.com/ibm-bans-remote-work-131612.html

le p o e

ly art

i ork

ro gf

m ho

â&#x20AC;&#x153;

Some of the best decisions and insights come from hallway and cafeteria discussions, meeting new people, and impromptu team meetings.

Speed and quality are often sacrificed when we work from home.

from hom g in rk o w ly e iv s lu people exc

What if there was a way to have a more immersive conversation with someone at a distance?

Future office

Ideation and development

The new product much like the old conference phone is to be placed at the center stage of a table. A confident yet clean form can be both the center of attention and conform to the ever changing situations at a work place. The transparent screen contributes to by making the resting unit into a glass sculpture and the active unit into a transmission of the person calling.

Form board

Current products

General Research

Interviews

Ideation and sketching

Mock-ups & User testing

Cad & Animation

Interaction needs

Portrait

Seeing the person youâ&#x20AC;&#x2122;re talking to.

Movement

Being able to focus on what youâ&#x20AC;&#x2122;re talking about

Face in focus

Movement

The transparent OLED allows for the person to be in focus without surrounding borders or distracting features.

Full 360 degree rotation and 180 degrees of up and down movement allows the caller to follow along in a conversation and also communicate non verbally through angle of the screen.

Eye level

Creates a equal conversation for everyone involved

Eye height

The raised screen allows the caller to be equal in height to the other participants.

360

180

Movement is key in following along in a conversation The movement of the display allows the caller to follow along in the conversation just like in normal conversation. Allowing the caller to look at whoever speaking and using non verbal communication to direct attention. And if something happens in the room, say the postman delivers those sweet new coffee mugs is the caller not dependent on someone else to move them or adjust the camera.

HOW DO YOU STOP A BUS? Anyone who has ever travelled using public transport know the dullness of looking at the horizon spying for the bus to finally arrive. The dullness can quickly change to panic if the passenger attention drifts away and he or she doesnâ&#x20AC;&#x2122;t see the bus. Making a visual representation of the time left until the bus arrives, and add on a notification solution for the passengers can this situation be made much less stressful.

5 WEEKS - FALL 2017 In collaboration with Nigel Papworth, Ambra Trotto, Jeroen Peeters, RISE Rombout Frieling, Rombout Frieling lab

Group work Me

Jenny

Jonathan

Felicia

See our process video! Oliver

https://vimeo.com/263184180

Key problem Walk forward

Look f or pas senge r

Passenger

Bus driver

Need to look for the bus at all time

Need to look for passengers

Unwritten rules that everyone is expected to follow

Hard to read body language Afraid to make a mistake

Research Passengers want Less waiting time

Passengers said Waiting time Weather Control

Drivers want

Stress Boring

Prepared passengers that are easy to spot

Bus drivers said Eye contact

Bus company want

Less slow down Prepared passengers

Faster stops allow the use of more buses on each route = more frequent buses

Clear signal Avoid misunderstandings

Finding out whatâ&#x20AC;&#x2122;s going on To start of did RISE send us out with a task of filming incidents that we found around bus travel. Jonathan in our group spotted that people are required to move forward to indicate that they want to go with the bus. After deciding to continue work with this situation did we take a step back and interviewed passengers, bus drivers and the bus company Ultra. We found that many passengers feel that timing the bus can be hard leading both to long waiting times and a feeling of no control for the passenger.

Interventions

Intervention #1 “The butler” Bus indication system In our first intervention did we want to see how passengers would react if they didn’t need to look out for the bus. We found that people didn’t want to lose their sense of control.

Intervention #2 “Automatic” Bus indication system In our second intervention build on the first one and explored more on how people could become more relaxed at the bus stop. Making it easier for passengers to get notified about the bus seemed like a step in the right direction.

Intervention #3 “A day in the life” - of a bus driver From our interviews with the bus driver did we find that reading body language can be a big strain over a working day. We wanted to try it ourselves and the test showed that the time to decide if you’re going to stop or not is extremely short.

Ideation

Light proved to be a good way to show information to the passengers, we used boards to decide on a design direction.

We divided ourselves into two teams one working on the pilar and the team I was in worked on the animation. Taking care on keeping both teams working towards the same goal.

Making separate colour coded bubbles for each bus makes it easy for the passengers to quickly find the information they are looking for.

Moodboard

Sketching

Animating

Delivery

Audio signal sounds together with the flashing animation when the bus is near to the bus stop to make passengers ready in time.

Line indicating when the bus arrives

Bus number and destination

Bubble moving upwards

Showing time for the coming two buses

Scenario

“The runner”

Persona’s Three different persona’s where used to work out which functionality the product needed. The persons looking from a far needed clear basic information. Those up close required more detailed information about current and coming buses.

“2 min early”

“15 min early”

Prepared passenger

The runner can see from a distance if a bus is very near.

When a person arrives can he or she get a quick overview of the arriving buses.

The person waiting longer can relax and put their attention elsewhere being sure that they will be notified in time.

Functions

Wind

Rain

Darkness

REAL TIME INFORMATION, TRANSMITTED IN A NEW RELAXING WAY The final concept has the information pilar in the center visualizing the time until the bus arrives both to the person looking from a far and those up close. Different configurations of weather proofing can then be attached to the pillar to give waiting passengers the protection from the elements. The different seasons put different demands on the

waiting area being open and light for the summer and warm and inviting during the winter. As well as being easy to keep clean from the snow and rain. By making it easier then ever to navigate the city using public transport can LUX help increase the movement throughout the city.

POC 100 - FIREMAN’S HELMET Fire, darkness, debris and smoke - some of the many challenges a fireman meets every day. The fireman’s helmet required certain functions, light, reflective surface, water runoff among others, to allow the needed protection and usability. Making these elements flow together into one flowing form that gave the user a more tailored experience was the challenge in this project.

5 WEEKS - FALL 2016 Tutoring with Johan Gustafsson, Jonas Sandström and Per Sihlen

CURRENT PRODUCTS

Brand analysis

Since the very first skiing helmets have Poc had a strong focus on safety. Since then have more products been added to the repertoire but still keeping with the initial focus off safety. Another field where protection is a key factor would be for fire-fighters and emergency personal. Applying POCâ&#x20AC;&#x2122;s careful use of materials and defined form elements onto a helmet with new needs for heat, debris and lighting started by analysing the Poc brand.

POC is a Swedish company with a strong mission to do the best we can to possibly save lives and to reduce the consequences of accidents for gravity sports athletes and cyclists.

FORM LANGUAGE

MATERIALS

Soft materials

Glossy ABS Plastic

BOLD BRANDING DEFINED SURFACES LARGE RADII

Matte PC&ABS Plastic

Heat and flames

Low visibility

Darkness

Falling debris

Physically demanding

Clay modeling To develop the two dimensional sketches into a three dimensional form was clay used since it allows for an unlimited number of iterations.

Water runoff Making sure that water and debris would naturally fall of the helmet adds both comfort and protection to the user.

Flashlight Integrating a protected lighting solution into the product was important to aid the user in low lit situations.

Reflective To keep personal safe when working inside dark and smoke filled spaces is it important that they are easy to spot. By adding a reflective material to the rear surface of the helmet can spotting of the user be made easier.

Water runoff

Protective equipment When entering into a burning building is everything a potential threat. By making the helmet fit closer to the wearers head can the form be made smaller lowering the risk of bumping into structures improving user comfort. Adding

an integrated light can bring more visibility while navigating inside low light areas increasing effectiveness. And making sure that the wearer is visibility by making the helmet reflective helps to improve the safety of the firefighter using it.

AIT - DESIGN MANUAL How to make a product stand out when it is working next to an airplane? AIT had a vision where a person entering into an airplane production plant would recognize their brand and products. To achieve this did they want a new powerful image that would take more place in this intensive and colourful settings. This was done by first making a design manual that brought a consistency to the brand and itâ&#x20AC;&#x2122;s products and then applying this new form language to one of their products.

6 WEEKS - SPRING 2018 In collaboration with Mikael NensĂŠn, Peter Berntsson, AIT

FUSION Sweden UmeĂĽ industriteknik AB

USA

Umesvets

Spain China

AIT mobility had just before this project completed a fusion where two previously acquired companies enter under the AIT brand. A new design manual is the first step towards creating one coherent company which combine output can all be identified as a product of AIT.

In-house production

Current products

Lift-point

Research

Field studies

Group work

Key needs

NO STEP Increase company visibility

Emphasis core product, wheels

Material usage

Informative graphics

Design manual

INDEX

The Company

Brand Image

Industrial Design

Our Story Our Vision Core Values

Logotype Logotype On Product Brand Colours Typography

8 9 10 11

Colour Blocking Graphic Elements Decal Specifics Dedicated Text Areas Decal Angles Shape Blocking Form Large Object Medium Object Small Object Details Handles HMI Guidelines Materials

Graphic Design

CORE VALUES

AIT Mobility develops and provides custom made automated mobile equipment for material handling in aerospace production.

13 14 15 16 17 18 19 20 21 22 23 24 25 26

We were founded in 2006 as a subsidiary to AIT inc. Our 5600 m² facility and 70 employees are located in the Swedish city of Umeå.

THE COMPANY

Reliable

Precise

Standard logotype

When using the AIT logo on a product it should always be white and placed on a surface that is at least 80% black. It is perfectly acceptable to put the logo directly on a composite or metal surface as long as it fulfils the required amount of blackness.

The standard logotype consists of the symbol and the name and the AIT colours. The name is always centred with the symbol. The distance to surrounding objects from the logotype needs to be at least the size of the A in the logotype. The standard logotype is always on white background. Use the standard logo on documents and websites.

BRAND COLOURS

Only on surfaces more than 80% black

TYPOGRAPHY

BRAND IMAGE

ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890

When placing the logo on a surface of any other colour it should be on a decal with a background of at least 80% black or more.

Decals

In addition please adhere to the same placement rules as when placing the standard logo.

The alternative logotypes is in black and white.

AIT Red

AIT Gray

AIT Black

FF DIN Medium

PMS: PANTONE 485 C CMYK: 0, 90, 87, 7 RGB: 218, 50, 37 HEX: #d93124 RAL: Match to Pantone NCS: Match to Pantone

PMS: PANTONE Cool Gray 1 C CMYK: 15, 11, 12, 0 RGB: 215, 215, 215 HEX: #d7d7d7 RAL: Match to Pantone NCS: Match to Pantone

PMS: PANTONE Black 7 C CMYK: 0, 0, 0, 90 RGB: 60, 60, 59 HEX: #3c3c3b RAL: Match to Pantone NCS: Match to Pantone

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 Open Sans Regular ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890

GRAPHIC ELEMENTS

DECAL SPECIFICS

NO STACK

Acceleration stripes feature

Subheadings Use when a font weight in between the others is needed.

Example Subheading

Running Text Use for all web or screen reading purposes such as info-graphics, websites and PDF documents. Use for body text on printed material such as pamphlets, manuals or business cards. Different weights can be used freely.

Example Running Text

Radii

If the composite material have a natural colour of 80% black or darker and a low saturation can it be left unfinished. Brighter materials have to be finished to make it’s value darker than 80% black. Colours lighter in value than 70% black has decals in 80% black or darker.

Body colour

Decals

FWD

FWD 13

SHAPE BLOCKING

FORM FWD

Hand-held products need to be cohesive to the product it’s connected with. This is achieved by using the same ratio of colours as the vehicles and keeping some form elements the same between the products.

Connect area to midsection of product

Thick

Darker shades on arm to create a low gravity form

Radii

Wheelhouse between raised sections

Handles should go around the top of the form No Radii

wrong angle, creates in-between shapes of varying width.

Interference with the path of the inbetween shape coming from above.

FWD

Sudden cut off an in-between path.

Black Decals

Making the graphic flow along the form in sharp graphics display the precise control in manufacturing that helps to bring innovative ideas to the next generation of mobility solutions.

DON’T

In-between shapes, if existing, should be able to branch out freely and naturally [red] blocks in immediate proximity of each other [blue] should have the same angles and aligned edges to give the impression of one larger block.

Handle in MT 9052

FWD Thin

The form is what brings the core values of AIT to fruition. This is achieved by bringing features together to create coherent blocks visualizing the reliable and adaptable nature of AIT;s products.

The acceleration stripes [magenta] should have an imaginary free passage within one single material.

Keep same as body colour of the product

Decal graphics on dark surfaces

Decals in body colour

Shapes created in-between materials [green] should flow straight and maintain its thickness along its path. These shapes can cross each other freely without the same thickness.

Use grip friendly surface

”Semi-symmetric”

Unnatural crossing of inbetween shapes, the dominant and longer up/down path should decide the thickness.

interference with the path of the acceleration stripes. Also Y-shapes or arrow-like shapes should be avoided when possible.

Un-synced edges splits up the united block and distorts the paths of the in-between shapes.

Raised front section Raised back section

DEDICATED TEXT AREAS

Large handles on top surfaces

Composite material

Colours darker than 70% black have white decals on them. The composite material is the same as on lighter colours.

INDUSTRIAL DESIGN

Lift handles to protect HMI

Direction

Dark composite materials

COLOUR BLOCKING

FWD

Radii

Graphic elements on painted surface

To create the same movement in the smaller products can graphic and composites combine to create a larger objects cut in the forward direction.

Directional (as needed)

NO STACK

EXAMPLE TEXT ON PRODUCT

SMALL OBJECT

Large handles on top surface

Decal graphics should have a strong, simple, geometric and angular expression. Small radii on outer-facing corners and not in connection to the acceleration stripes feature.

FWD

Headlines Use whenever there is a need for a clear font such as warning or information labels on products. Use for headers on printed materials displayed in public space such as posters or signs.

MEDIUM OBJECT

INDUSTRIAL DESIGN

FF DIN BOLD

Alternatives

LARGE OBJECT

PAGE TITLE

Every AIT product is supposed to live at least as long as the production line in which it serves. Reliability and robustness in form as well as function is important.

LOGOTYPE ON PRODUCTS

NO STEP

Adaptable

We trust our lives to the aerospace industry every time we travel long distances, how would we feel if the tools used to build these vehicles looked any less precise?

LOGOTYPE

The overall graphic expression should strive to be symmetric or at least ”semi-symmetric” to further enhance the expression of omni-directional capabilities. Directional decals and FWD text omitted from the symmetry rule as shown.

Like a fine Italian made suit every AIT product is tailored to have a perfect fit for each unique customer. Adapting the technology after the needs and purposes of their special work-flow and environment.

Performance - AIT Mobility will offer production in small parties without compromising on the exactness of the product so that it fulfils the high performance standards of the industry.

28 29 30

Text placed directly on the product should be in DIN Bold and preferably kept short. If the text is a warning label it should be accompanied by triangles on each side. Variants: Black decals directly on the product. White as part of a larger black decal.

Innovation is at the core of AIT, without which the company would not exist the way it does today. New problems mean new opportunities for better and more innovative solutions..

Unique solutions - AIT Mobility will offer tailored integration solutions that solves unique situations in the production facilities.

We aim to meet our customers high demands in regards to functionality, quality and deliver-ability.

Innovative

It is important to consider the way in which a brand is Perceived and the way it is reflected by its’ products. This chart of core values should be used as a tool to calibrate the visual and functional language of every AIT made product.

Cutting edge - AIT Mobility’s vision is to constantly stay on top of the needs of our customers in aerospace production.

Graphic Layout Photography Guide Packaging

The following document should be used as a reference guide when designing for AIT Mobility. It includes detailed instructions that are meant to aid coherence without hampering the creativity of the designer.

OUR VISION

OUR STORY

PAGE TITLE

4 5 6

DETAILS

DECAL ANGLES

HANDLES

HMI GUIDELINES

Use only AIT’s own handles on products to create a cohesive end user experience. A large handle is available for placement on top of hatches that are to be lifted off.

Interactive objects such as screens, buttons and remote controllers should be placed as a group. Keep the elements inside a rectangle and let them work together with surrounding form elements.

4 Elements, equal size

4 Elements, different sizes

DON’T

Grip material to indicate stepping area Cohesive mid section

Corners can be broken with two bends Larger products need to show a stability at the same time as they have a natural form for movement in all directions. A smaller waist is a way to enhance the structure around the wheels. Together with the wheelhouse feature is focus moved to AIT;s primary technological know-how.

The logo area constitutes an independent area and should be isolated by other graphic elements while maintaining the silhouette. The area in its function as a frame shouldn’t strive to far away from the circumference-box of the logo, i.e not be to long or to tall.

Steel finished in semi - gloss paint

Large handle for lifting hatches

Medium handle

Small handle

FWD

FWD Parallell to ground

Decal gloss/Semi - gloss

Composite - Semi gloss

If objects are of different sizes, place them on a centreline derived from the middle of the largest object. Keep functions such as emergency stops separated from other objects.

1 OBJECT

~60°

Lights placed in line with the shape of the cut-out

Acute angle, should give the product a good stance.

Medium handle on vertical hatch Handle with decal in body colour

Handle with decal in body colour

Handle with decal

GRAPHIC LAYOUT

GRAPHIC DESIGN

The AIT logo may be considered an interactive element when adjusting to the rectangle. Graphics can be used to highlight interactive functions such as buttons or dials. If objects are roughly the same size, align them with the corners of the rectangle to keep the silhouette.

Large shapes inside grill

Collinearity between lines

Cut-out with same angles as graphic

MATERIALS

On vertical faces is there a larger and smaller handle to be used based on the size of the opening.

All angular lines parallell

FWD Raised midsection

Lights placed inside the larger grill

Graphic elements on painted surface

Wheelhouse between raised sections

Lights placed to follow shape of cut-out

Logo placed on decal

2 OBJECT Composite material blocks

FWD Raised front

Create direction using line

Certain angles of the composite materials and other splits in materials can be chosen freely with the stance of the product in mind.

Short pieces of text framed by a larger decal should not be centred within its frame. The text should rest slightly above the bottom of the frame and at the front. The frame for this kind of text can take any dimension, e.g be long and narrow. The frame is not limited by its proximity to a circumference-box.

Integrate emergency stop in form

Integrate lights into larger areas

Almost all angular sides should either be parallel or mirrored. The accelerating stripes feature has the same angle and will always lean towards the specified front of the product.

PHOTOGRAPHY GUIDE

PACKAGING

PAGE TITLE

Quote

The graphic layout uses lightweight graphic elements to enhance the brand identity on company related prints.

Steel surfaces should be finished in matte paint according to the customers specifications. In the cases where the customer doesn’t specify a colour use AIT Red. Graphic elements use a black decal in either gloss or semi-gloss finish. The composite material used should be left unfinished if the colour is at least 80% black. Otherwise coat with paint to bring the value to 80% black.

Ecerenditaque sum non nonsequae nusciis ero etur magnihillaut laboriae porepereri berchil icilitas non eaquo maionsequid quam, cus esto miliati volor sandistium ipsus sitio te cusanis et que volum vel magni tes aut quibus maxime nim volores solupti re ma vel evenem aut experioratur aligenist, qui ut evelitatque lam eostrundi ut et ut ut alitassin con consecae vellacculpa et explatur mil illuptatus, cor sum ressitati dolorro vitatendi is et excesto quis a cumende dolore dolorero volo eatum ea prem aut ero oditatemoles mi, simusdae. Et optatus maxime antetur?

Rubber matt for walking surfaces

Use a red line to frame the writing area, let it continue on the next page if printing on both sides of the paper.

GRAPHIC DESIGN

Mold - Tech 9052 for handles

The packaging supports several versions with a coherent logo placement to establish an easy to follow rule that respects the space the logo requires.

Qui quate as andi sam necearcim ationsequi alibustem vellacearum ditibus ciumquis magnimet que dolut volest inima dolores moloribusam, sequi alibust labo. Et illa natur? Quibus earitat molum eaquis simporae. Et autatem aliciatqui derori cones aut as doluptatus archicimus ea nes si di tem voluptat officide consedicia ipsandus intis elent et verro omni verspit ullore, sam que pliquos pellit essumquam sint hariae si aliquatem exereperum coraersped quae eos dit officit alis vellaut la volorum dolectur aute etur re nectibus elenihiliquo volorume expeliquodi corporum nis am corepedipid endit quas eatem velit ea cus eniendanda qui incil magnatur simi, vid quata dolores equunti delique plaboris nos velestist, ut lis vendici psumqua spelis quos ipsa veni net etur, volupta temporiati quatesci solorer.

Make sure the logo is centred in all directions and that necessary labels are clearly visible.

Feribus renimillute pa est as cus, seri doloratus adissit dolupta sa conse nim eos quo te recum dolupit fuga. Derfercitio odiatius est que experum facearuptas ma nonseque etur rem in porepudit pre la nisciis everiasi aspitaquia comnihicid quamus autas ut que cone pro moloremostem rerum re volori de remporrum essi velessi conse ex et mo endis erio cumqui te eatem qui nusam ut atur magnamendae conecta vellorios re nisit officiist facipsam cum, solupta sit eumque sunture peditiur.

Examples shown: A4 Quotes & contracts A5 In-office letters & notepads 90 x 55 mm Business cards

Place any other text such as additional information or packaging details halfway between the bottom of the logo and the bottom of the box.

Pieturiatem volupta spicipiente liquatem si consequi consedi iduci blatectiume mod eum dolorpostrum doluptatia dolupta temporr orionsed quos dolora im et dus re peruptiat et aliquae lab iur sam verorepudia sinum volo temquat aut pre corerfernam rerspel landitate nobitatque int facitatem fuga. Nem nonsequature aut ped quam quame pa venimol orehent atis nulparcium qui ducim volorrum res eaque nis

Handle bases use the specified MT 9052. Handle actuators use a smooth plastic. The actuator is coloured to the body colour of the product.

Signature:

Rubber mats are used on top of stepping surfaces.

CEO. John Doe, Seller signature

Make that there is sufficient light to create a sharp and well lit image. Cooler colour temperatures are preferable to warm indoor lighting.

Signature:

Jane Doe, Customer signature

Differentiate product either by colour, focus or by placing the product against a calm background.

Tell a story with the photograph using objects and focus point to explain the context of the image.

Side View & Side View With Tape

Top View

Logo placed directly in the centre of the rectangle on both versions.

Logo placed directly in the centre of the rectangle.

Don’t stack label placed halfway between the bottom of the box and the bottom of the logo on the version without tape. Don’t stack tape wrapped around the top edge and bottom edge of the box.

Phone Email Webb

+46 (0)90-201 00 00 sweadmin@aint.com aitumea.se

Advanced Integration Technology Kabelvägen 1J, 90133 Umeå, Sweden

Don’t stack labels placed in each corner of the top surface

Advanced Integration Technology

OCKING

a natural colour of saturation can it be left have to be finished to make k. 0% black has decals in 80%

have white decals on them. same as on lighter colours.

FWD

Colour blocking

GraphicsNO STACK

NO STEP

NO STACK

Composite material

”Semi-symmetric”

Body colour

Decals

FWD FWD

DECAL SPECIFICS

FWD

Decal graphics should have a strong, simple, geometric and angular expression. Small radii on outer-facing corners and not in connection to the acceleration stripes feature.

Black Decals

DEDICATED TEXT AREAS DON’T

Dark composite materials

Acceleration stripes feature

Radii

Directional (as needed)

FWD Direction

Thick Radii

FWD

Radii

14 FWD

FWD

Thin

FWD No Radii

NO STEP Increase company visibility One factor for AIT is that their customers want their products in specific colours based on the plant and task that it is going to work within. Creating a colour scheme that would work with any colour regardless of brightness or saturation was a key part in creating recognition of the brand and it’s products.

Informative graphics To create a recognizable feature on the products that would show the same whatever the colour scheme did we add a graphic element to the side of the product. The graphic works together with the form to create a direction to the product. Which helps the operators when they are moving the product in manual mode. The

graphics also becomes the backing for the AIT logotype. This ensures that the logo always stands out no matter what colour that the product is painted in. The manual also specifies how the logo is to be placed on the graphic to make sure that the logotype is always visible and stays clear from any other text or element.

Material

MATERIALS

Steel finished in semi - gloss paint

FORM

Composite - Semi gloss

Decal gloss/Semi - gloss

Non-objects

The form is what brings the core values of AIT to fruition. This is achieved by bringing features together to create coherent blocks visualizing the reliable and adaptable nature of AIT;s products. Making the graphic flow along the form in sharp graphics display the precise control in manufacturing that helps to bring innovative ideas to the next generation of mobility solutions.

Steel surfaces should be finished in matte paint according to the customers specifications. In the cases where the customer doesnâ&#x20AC;&#x2122;t specify a colour use AIT Red. Graphic elements use a black decal in either gloss or semi-gloss finish. The composite material used should be left unfinished if the colour is at least 80% black. Otherwise coat with paint to bring the value to 80% black.

Rubber matt for walking surfaces

Mold - Tech 9052 for handles

Handle bases use the specified MT 9052. Handle actuators use a smooth plastic. The actuator is coloured to the body colour of the product. Rubber mats are used on top of stepping surfaces.

Material usage To create consistency over the different products where the number of materials and surface finishes reduced. Each finish would then coincide with the function of the given surface. Surfaces aimed at human interaction such as handles and stepping areas where given a darker finish as they see the most wear. The darker plastics where

chosen instead of finished materials as the plastic will wear instead of leaving flakes falling of. The surfaces made to be painted in the customer specified colour shall support a painted finish of semi or high gloss to match the other products at the customers production plant.

Emphasis core product, wheels AIT had a lot of knowhow surrounding the wheels and considered it to be one of their core products. They where therefore positive about putting more emphasis on the wheels. But to add to the safety of working around the machine was it favorable if it could be done without actually exposing the wheels.

Form board

DIRECTION

STURDY

FORCEFUL

Sketching

me Move

Confidence

Creating a strong form that looks like it can hold the weight of an aircraft started with the concept of combining elements into blocks drawn up in the design manual. Balancing the elements to create a sturdy product that still felt like it could move in any direction.

Delivery Grip matte

Lift points

Indicator lights

ni-

dir

ect

ion

Compartment for mechanicals and batteries Graphics

Flowing lines

CT RA TE IN

BA TT

TS IGH RL CA TO DI IN

Center section with interaction area

Moving the next generation of airplanes Every AIT product is supposed to live at least as long as the production line in which it serves. Reliability and robustness in form as well as function is important. We trust our lives to the aerospace industry every time we travel long distances, how would we feel if the tools used to build these vehicles looked any less precise?

DISTRICT HEATING How can the district heating central help give home owners confidence to play around with their heating solution? Umeå Energi is a local energy, heating and internet provider to the city of Umeå. They wanted to be able to give their customers a new district heating central that better embodied the company values.

5 WEEKS - SPRING 2016 In collaboration with Lisa Lydemar, Ulf Lindqvist (Umeå Energi)

CORE VALUES

Responsibility (Ansvar)

Pantone 1235 CMYK 0.30.100.0

Simplicity (Enkelhet)

Pantone 348 CMYK 100.10.90.0

Umeå Energi is a local energy service provider that delivers heating, cooling, waste and electricity to customers in and around the city of Umeå. The heating central that the company offers today has a strong industrial feel to it being developed mostly for ease of serviceability. Umeå Energi would however like to be able to present a heating central that gives a better user experience embodies the company values. To do this did Umeå Energi contacted us to create a concept that would better encapsulates the company’s values of Responsibility, Simplicity and Local.

New product

Local (Närhet)

Key Problem;s

Hard to use controls for the average user

Solution; User centered interface

Separating settings for users and service technician

Product doesnâ&#x20AC;&#x2122;t transmit company values

User interface that helps the user

Not inviting for user to interact the product

A device that welcomes interaction

3 Inside mechanics 1

The inside of the heating central is normally hidden behind a metal door that is lifted off when access is needed. Although the inside of the product give a industrial feeling does the service technicians try and encourage home owners to open the door and learn to adjust certain basic functions. Many users do however describe a feeling of insecurity as they are afraid to do something wrong.

The two safety valves, placed at the middle top and bottom right on the current device, as well as the water valve need to be activated manually. It does also improve the life of the valves if they are regularly exercised by the home owner.

Scattered control surfaces

Controls located behind hot pipes

Unclear connection between information and controls

Separating features for home owners from those meant for the service technicians

Device

Interaction area

Lid

User Interface

Mechanism

Creating a clean and simple interaction area for the user while retaining the simple deconstruction for the service technician where both important factors in this project.

Home owner

Service technician

Making it easy to see the difference between settings meant for the service technician and those meant to be configured by the home owner would help give the home owner confidence when using the device.

Packaging Mounting plate

Ledge for lifting of the front cover

Touch screen

Safety valves

Removable front cover

A demand from UmeĂĽ Energi was to keep the current products ease of service. The solution is a latch system that allows the front cover to be removed without any tools. To allow for further disassembly is the sides and bottom cover a separate piece screwed to the wall and can therefore be removed without the need to disassemble the heating system.

Interaction

Home screen

User handbook

Dagstemperatur

Användarhandbok

20,0

Inställningar

Natt-temperatur

17,5

Settings page

Fjärrvärme - inställningar 164 kw/h

Natt - temperatur

92 kw/h

Från

114 kw/h

Temperatur

19:30 Husöversikt

17,5

Till

06:30

Vattenförbrukning

19:30 - 06:30

Reseläge På

Från

Natt - temperatur

Reseläge

Simple start screen where the user can get basic information.

22-12-2016

Temperatur

Till

5-01-2017

Divided settings for the home owner and the service technician.

164 kw/h 92 kw/h 114 kw/h

Vill du läsa mer om din förbrukning? Läs mer här Tips! Om du sänker din innertemperatur med 1 grad motsvarar det en 5% minskning av din förbrukning.

Guides that helps the home owner make sense of the information gathered by the system.

Service notification

Turning the valves can be a challenge for older people. A raised grip make it easier to turn the valves by giving the user more leverage.

Indicating when a valve need service. The interface point the user towards the correct lever which also light up to guide the user.

One interaction area Making one interaction area containing both the screen and manual controls makes it easy for the user to find what they are looking for.

1 2

SKILL-BUILDING PROJECTS

Solidworks This project started as a small assignment in a course about design history. The assignment was to over a day create a product that follow the design philosophy of a historical movement. I choose to work with functionalism. The idea was that the user can use a glass container that they already have in there home. I then used this base during our Solidworks course. Here the assignment was to create a model of a product during a week.

Automatic start/stop

Overlapping contacts for ease of assembly Plastic structures fastened to metal top to lower manufacturing processes

Battery lid accessible from the bottom

Sketchwall

THANK YOU FOR YOUR TIME!

Pontus Ljungvall +46 (0) 707 41 25 54 pljungvall@gmail.com