S STEFANO SILEO. 2018
PRODUCT DESIGN PORTFOLIO.
“ “
A basic design is always functional, but a great one will say something.
TINKER HATSFIELD.
HI, I’M STEFANO “ A motivated, creative and hardworking 4th year student currently studying BSc Product Design and Innovation at the University of Portsmouth. An enthusiastic individual always looking to expand on skills, knowledge and experiences. Someone who can illustrate teamwork and adapt quickly to different needs by taking the initiative to work with limited supervision. I can demonstrate an understanding of internal product design through client work and experience f rom my industrial placement year as a Product Designer.
“
ABOUT ME:
07475 447757
stefanosileo9@gmail.com UP765598@myport.ac.uk
120 Prince Albert Square Redhill Surrey RH1 5AP
PERSONAL DEVELOPMENT. EDUCATION
SAINT BEDES SCHOOL AND SIXTH FORM, REDHILL.
EMPLOYMENT
“ MY WORK.
The projects within my portfolio are examples of my skill sets expressed through my first 2 years at university and time spent on my Industrial placement year as a Product Design Engineer.
“
02
01
03
RAYMARINE REMOTES
STANNAH SEATBELT
CENTRO APP DEVELOPMENT
Designing a boating remote for use in all conditions at sea.
A new stairlift seatbelt focusing on ergonomics and inclusive design.
Easing financial transfers through a user focused app.
s
04
03
06
ANGLEPOISE DESK LAMPS
NHS CRUTCH
DESIGN FOR MANUFACTURE
Following the design ethos at Anglepoise to drive the development of a series of new lamps.
Redesigning the existing NHS crutch using ethnography to provide validity to the project.
Designing a hairdryer shell and its components whilst focusing on suitability for manufacture.
01 RAYMARINE AQUAMARINE REMOTE UNIVERSITY PROJECT – The aims: To work alongside Raymarine to redesign their dated boating remote focusing on improving the ergonomics and user interface such as reducing visual noise that complicates and confuses the user. Assess the marine environment and all types of users to ensure the product is fit for purpose.
SKILLS Foam modelling / Surface modelling / 3D printing / Sketching / UI UX design.
PRODUCT REQUIREMENTS
WATERPROOF
HIGH THERMAL RESISTANCE
AUTOPILOT SHORTCUT
ANTENNA SUPPORT
DAY/ NIGHT MODE
EXTREME WEATHER
RAYMARINE CUSTOMER AND MARKET MATRIX
PRICE HIGH YACHT AND PLEASURE INDUSTRY SPORT
FUNCTION
FORM
INDUSTRIAL BOATING
PRICE LOW
INDUSTRIAL
PLEASURE
INSPIRATION AND BRAINSTORMING FORM
IDEATION SIMPLISTIC BUTTON CONFIGURATION PRODUCT FAMILIARITY
ONE HANDED USE
USER FEEDBACK
INITIAL IDEAS
SECURITY AND SAFETY
REDUCE STRAIN
FOAM MODELLING AND PROTOTYPING.
FOAM MODELLING:
USING THE DIMENSIONS FROM THE FOAM MODELS TO DRIVE THE SURFACE MODELLING.
3D PRINTED PROTOTYPE WITH RESPONSIVE OKAY BUTTON.
SCREEN UI.
“ The main focus whilst designing the UI was simplicity. Being able to operate with one hand using the central track-pad and the accept button on the back of the remote, focusing on repetitive interactions such as scroll down or scroll left and right.
“
The main focus whilst designing the UI was simplicity. Being able to operate with one hand using the central track-pad and the accept button on the back of the remote, focusing on repetitive interactions such as scroll down or scroll left and right.
USER FEEDBACK AND ASSURANCE.
For greater reasurance and accuracy the LED ring tracks the location of the users thumb on the trackpad, providing the user with greater guidance. Once the command trigger has been activated on the back, the LED ring will flash green.
AUTOPILOT
When the pilot button is pressed, the user recieves instant feedback as the autopilot logo appears on the screen and the LED ring turns solid red.
For greater reasurrance at sea, the user has the option to add a wrist strap/ hip strap to ensure the remote does not go overboard during rough seas.
02 STAIRLIFT SEATBELT INDUSTRIAL PLACEMENT YEAR PROJECT: To design a new seatbelt mechansim for the new XSP stairlift chair, that has a greater aesthetical, ergonomical and inclusive design consideration.
THE CURRENT SEATBELT ASSESSING THE CURRENT ISSUES AND CONSTRAINTS.
HAZARDOUS
DATED
“
LACKS ERGONOMIC CONSIDERATION
HEAVY
UNATTRACTIVE
SPACE INEFFICIENT
DESIGN REQUIREMENTS FOR THE NEW SEATBELT:
ONE HANDED USE
FOLLOW BEHAVIOURAL ATTITUDES
REDUCED COSTS
REDUCED MOBILITY FOCUS
STRENGTH (160KG+)
IMPROVED AESTHETICS
DESIGN JOURNEY BRAINSTORMING SKETCHING:
THE CHAIR: The new stairlift chair has key focus on reducing the negative conetations involving household medical products. The guidelines to achieving this is to reduce the overall surface area of components and make the product streamlined. The seatbelt must adhere to this.
AREAS OF CONSTRAINT Contrasts the aesthetics of the XSP
OVER THE ARM AND STRAP:
UNDER AND INSIDE THE ARM AREA:
BACK REST AND OPENING FOR REEL MECHANISM:
ARM REST/ LOCATION FOR CONTROL PANEL:
PROTOTYPING. BELT PATHWORK Using rapid prototyping techniques such as 3D printing and using loose materials, springs and bungee cord, I was able to create working prototypes to test how to lock the belt and allow it to return to a docked position. With a quick turnover of prototypes I was able to detect issues and difficulties during use such as: force required to operate, the visibility of the seatbelt and the smoothness of the belt webbing during use and the level of safety provided from the seatbelt.
ERGONOMIC AND USER TESTING. ERGO RIG:
SPECIALIST EQUIPMENT:
A ergonomic set up of the XSP chair.
Using ergonomic testing equipment such as the Cambridge inclusive design tool kit I was able to further simulate the direct issues with the elderly such as arthritis. That would complicate use with the seatbelt.
Used to conduct user testing and test ergonomics on rapid prototyped parts and seatbelt rigs.
FURTHER DEVELOPMENT. IMPROVING UI With the use of Arduino and C code, a variety of protoypes were created for LED lighting to improve and encourage the correct sequence of events. With the use of colour, visual feedback was provided for the user.
RESULTS: Several rounds of user testing and design iterations led to a clear favourite, the lanyard and hook. It provided the users with an inclusive range of ways to operate and provided a smoother experience and required less force to operate both locking and unlocking the seatbelt.
1
ARDUINO
2
LOCK WITH INTEGRATED LIGHTING Neo pixel strip to provide lighting Frosted acrylic block to disperse light for Neo pixel strip.
USER LED GUIDANCE AND FEEDBACK
3
Trench in lock to allow magnets to sit flush to the surface to attract hook towards the lock
DEFINING FORM With a range of sketches, 3D printed parts and rapid prototoype rigs. Refinement was required on the form of each component such as the seatbelt hook and the lock.
SCENARIO OF USE:
1
2
USER SITS IN CHAIR
USER PULLS BELT TOWARDS LOCK As the user pulls the belt across, the LED begins to blink to create a more visual signifier for the location of the lock.
User has the option to use lanyard on the hook for ease of use. An ergonomic consideration for those with arthritis and parkinsons.
As the user sits in chair, the load sensor turns the LED on to remind user of the seatbelt.
3
USER LOCKS BELT
When the hook is positioned correctly around the far side of the arm the LED turns green to communicate to the user that it is safe to travel and the isolation switch is deactivated allowing power to the controls of the lift.
3a
USER FEEDBACK
If the hook is not secured properly the micro switch within the lock would not have been activated resulting in a orange and then a red LED if the user has not rectified the issue.
4
BELT REELS BACK TO ITS DOCKED POSITION
Webbing returns to docked position with the help from the clock spring, removing the danger of the user getting caught on the seatbelt and injuring themselves. The design of the chair remains cleaner with the seatbelt stowed away.
03
LA CENTRO
LA CENTRO APP INDIVIDUAL PROJECT – The aims: To design a persona and drive the app with those specific user requirements. Wireframe and Prototype the app using the Adobe-Suite and Sketch. Assess key design interactions through Adobe After Effects for motion graphics. Drive development through user testing for contineous improvements.
PUTS YOU IN THE CENTRE OF YOUR FINANCES
“
PERSONA
I want an easier way to communicate and track all payments to my kids to reduce arguments and help me support them financially no matter how far from home they are.
“
MEET SARAH. SINGLE MUM 45
GOALS:
IMPROVE ORGANISATION
PAIN POINTS:
TIME SAVING
REDUCE ARGUMENTS
Issues Sarah faces in her daily activity while trying to maintaining the correct balance between home, family and work life.
Sarah Works in central London, therefore time is scerse meaning jobs that can be completed on the go are essential.
Mother to 3 teenagers, one in college and two studying at university so time spent with her kids is limited and communcation is restricted.
Being single increases Sarah’s responsibility to support her children, being efficient with her finances is vital.
THE STRATEGY To use a mobile banking scheme as a centre hub to all of Sarah’s finances and communication to her children. Providing the benefits of: A safe and secure method to transfer funds to her kids. A digital log of all transfers to reduce the reliance of Sarah’s memory and improve organisation. Sarahs children can directly communicate to request or remind her of funds they’re due, with the aid of notifications. Centro will act as a platform/ middle man between transfers so there is no need to create a new bank account instead Sarah’s existing bank will be debited by Centro then paid to her kids by Centro.
Looking into my personal banking apps and my social media feeds I was able to create a bridge between the two using mind maps:
EASE OF USE
INCREASE PERSONALITY
PROFILE FOCUS REPETITIVE INTERACTIONS I.E. SWIPE RIGHT
CENTRALISE YOURSELF
SIMPLICITY HOME HUB
MINDMAP
MINIMISE CHANNELS OF OPERATION
TILES
COLOURFUL
REDUCE TIME TO OPERATE
PROTOTYPING WIREFRAMING Using pen and paper I was able to efficiently wireframe the app. Focusing on user journey (how simple it is for the user to access all features of the app), specifically paying a contact and tracking previous transactions per contact. Using different arrows I was able to visualise on-screen interactions such as swipes and where each ‘touch’ would take you. This in time significantly sped up the design process on the prototyping software.
“
COLOUR IS VITAL FOR FINDING MY WAY THROUGH THE APP The user made it clear that segregating contacts within the app was vital as it reduced confusion and increased efficiency as they felt using a single colour on contact page representated a singluar user very well
THE ROUTE TO PAYING A CONTACT IS FAST AND SIMPLE Testing users who has never used the centro app to pay a contact a specific amount of money proved the intuitiveness of the money chute, that allows a user to pay a contact all on the same page without being redirected was a success. All participents were able to pay without assistance.
“
USER TESTING
After creating an interactive prototype I conducted user testing to ensure all the features of the app were being used correctly. I set tasks for the user to complete such as paying a selected contact, checking financial history of a contact etc.
FINAL ARTBOARDS HOME ‘MY CENTRO’ MY CENTRO becomes the home for the user of the app. Allowing quick connection to contacts via the friends panel. Combining the characteristics of a social media page and a mobile banking app. Scrolling the page other features are available on the same page such as: the message board and track.
MESSAGE BOARD
LA CENTRO
THE FRIENDS PANEL Assessing everyday apps such as: weather, contacts, phone, messenger, the friend panel provides a user friendly feature that the user is familiar with, ensuring ease of use and quick access to all the family/ friends saving time and frustration.
TRACK
THE MONEY CHUTE
1
EASING THE WAY MONEY IS TRANSFERRED IS VITAL.
“
MAKING PAYMENTS
“ The money chute provides the user with 3 simple steps all on the same interface. Using familiar interactions such as swipe and scrolls the money chute becomes an intuative way to transfer money to contacts with ease reducing time and error.
2
3
PROFILES
Following the user research I conducted, ensuring the profiles contain:
Using social media platforms, as insipration to ensure familiarity of key componenets to the profiles such as location of items, Size and scale of images, text and header/ footer.
Individual colour schemes to avoid confusion The sense of fun when transferring money with the money chute concept
Removing the issues created from mobile apps such as a lack of individual contact customisation to improve guidance.
The quick payment options are essential for reducing time and error. The familiarity from social app platforms
Individual contact tracking
Individual transaction history
Individual profile messenger
Individual burger menu
To improve the data collected and analysed by the user to reduce confusion.
To reduce the reliance of the user to remember all trasactions sent.
In app messenger to improve communcation and improve the user’s time effieciency using a singular app.
Overlay of information and setting to creating a more detailed profile with less visual noise.
04 ANGLEPOISE SERIES LAMPS: University project:
Brief To design a range of conceptual lamps for Anglepoise considering modern living combined with popular trends and a retained brand identity.
Aims Use the brand ethos at Anglepoise to drive the development Brainstorm and rapid prototype the mechanical mechanisms that allow the lamps to manoeuvre Use CMF to improve aesthetic direction.
CONCEPT GENERATION
“
ergonomic
Streamline
bursts of colour
engineered
durable
crisp cut
exposed components matt/ gloss contrast
SKETCHING
assistive
soft touch
premium
ease of use
INITIAL IDEAS
DESIGN JOURNEY: SERIES 1
3D PRINT
SERIES 1
DESIGN JOURNEY: SERIES 2
KETCHES
ROTATE
EXTEND
ARM EXTENTION MECHANISM
1
The rack and pinion teeth on the outer tubing locks the inner tubing in place, force is constant with the help from the compression spring.
2
When force is applied, the spring compresses and seperates the teeth of both parts. This allows the inner tubing to slide up and down.
SERIES 2
05 NHS CRUTCH REDESIGN UNIVERSITY PROJECT – The aims: To define the issues of the existing crutch through user research and ethnography. Develop a refined product that focuses on reducing the problems that face crutch users. 3000 word report supporting the redesign
SKILLS User research/ Research methods/ Rapid prototyping/ Surface modelling/ digital manikin.
USER RESEARCH
HEAT MAP
MEET ETHEL I interviewed Ethel a 67 year old who has been using a standard NHS crutch for over 25 years to understand the first hand issues she faces when using a crutch and the health implications that she has developed through using a crutch.
“
Ethel
67
Retired
Main Pain Points
Long term crutch user
Developed carpel tunnel syndrome and RSI
Blistered and arthritic hands Fused Joints
Useless ferrule, wears out fast and is too narrow making Ethel nervous in certain weather conditions
Increased vulnerability Damaged nerves Reduced confidence
Main Research findings
44% of a users body weight is transferred
directly to the users hand whilst operating the crutch. Change orientation of the arm. Split the load along the arm, reduce the hotspots that absorb the load.
Ethel’s nerves recieve damage due to Ethel absorbing all the pressure from the ground. New crutch should incorporate suspension to dampen the pressure Ethel recieves on her arm.
By not moving regularly, semi contracted positions are formed damaging joints. make the new crutch as adjustable as possible inclusive consideration, can change her posture during use.
Automotive tyres curve, to ensure surface contact is constant at all angles, redesign of the ferrule to be larger and curved for greater grip and reassurance.
PROTOTYPE
ANTHROPOMETRICS VARIABLES
RAPID PROTOTYPING
Assessing the Dreyfuss Associates Humanscale sheets I was able to conduct the anthropometric variables relative to the crutch to validate the inclusiveness.
To validate the data from the humanscale sheets I used the anthropometric variables and applied it to a foam board model to understand the importance of adjustable components on the crutch for inclusiveness.
COMPONENT IDEATION
IMPROVING ERGONOMICS AND INCLUSIVENESS
ERGONOMIC PRINCIPLE 9:
“ “To be healthy the human body needs to be exercised and stretched”.
ADJUSTABLE ARM LENGTH
Without applying ergonomic theory 9 to everyday life, it increases muscle tension which is caused by the semicontracted positions that lead to reduced oxygen within the muscles resulting in increased health implications. Ensuring the user can adjust the position of all components, the ergonomic principle will have been addressed.
HANDLE AXIS
“
Stated in the 10 principles of ergonomics by Dan Mcleod, “Move, Exercise and Stretch”.
ADJUSTABLE STRAP
CRUTCH BODY AXIS
06 DFM UNIVERSITY PROJECT To design the hairdryer shells, styling nozzle and grills whilst focusing on design constraints such as existing internal components. Driving the development through surface and solid modelling with CAD analyses such as draft, interference and finite element analyses. Use Keyshot to visualise the hairdyer shell with photo realistic renders.
SKILLS Surface modelling, Design Constraint, Design for Manufacture, CAD analysis, Keyshot, Sketching, Enginering drawings.
SKETCHES
DESIGNING WITH CONSTRAINT As a manufacturing aspect the University set existing components to design around to make me aware of cost saving strategies within design and making the task of designing the housing shell and styling nozzle harder.
DESIGN FOR MANUFACTURE: ENGINEERING DRAWINGS: By creating engineering drawings I was able to visualise 1:1 scale of the hairdryer gaining a greater understanding of proportion and scale. Through creating the drawings I was able to communicate the design intent with a greater level of detail such as component lists, materials used and tolerances.
FEA:
DRAFT ANALYSIS: Through completing a draft analysis I was able to work out which areas of the hairdryer shell needed to be drafted, to make it suitable when ejecting the part from the mould. Features that required a draft, the chamfer tool was applied.
Assessing the most fragile parts such as the styling nozzle. I used FEA to analyse any weaknesses within the design, simulating if someone was to step onto the nozzle. This was achieved by locking the displacement and applying pressure to the edge of the nozzle.
INTERFERENCE CHECK:
THICKNESS ANALYSIS:
Once the design was complete I used the global interference tool to check to see if the model had any interferences between parts.
I used the Thickness Analysis to ensure the model was suitable for injection moulding with a unison thickeness.
Those with interferences, additional clearance had to be created to ensure ease of assembly was incorporated.
Passing the thickness analysis will allow the hairdryer shell to not have shinkage marks during manufacture.
MATERIAL ASSIGNMENT AND TOTAL MASSES: ONE. To allow a bill of material and parts list to be completed, every part required its own specific material properties. ABS needed to be added to the material library, using properties from the CES software for an accurate representation.
TWO. After assigning all the material to the corrisponding parts, I used the mass properties tool to work out all the masses of all the parts that required injection moulding. Due to the units the conversion of tonne to kilogram (kg) was required.
S Thank you for looking at my portfolio. I look forward to hearing from you.