CHARLOTTE SPALL
C S PORTFOLIO 2018
Contents A collection of my work
0.1 p3-10
Viyda
An IoT yoga progress monitor.
0.2 p11-18
Urbanfit
An app that enhances smart city living for active commuters.
0.3 p19-24
Bleu
An introduction to surface modelling.
0.4 p25-30
Goku
The design to manufacture process for a bike tool.
0.5 p31-36
Chatmat
A biosensing placemat for first daters.
0.6 p37-38
About me
A shortened CV and contact details.
Vidya A yoga progress monitor
Brief: “Identify an opportunity for an IoT smart product, your product should enhance the users quality of life and store relevant data using an app�
3
The Problem.
43% of people who practice yoga prefer to do so in their home.
30% increase of people practicing yoga in the past 6 years.
81% of people who practice yoga have done so outside of a yoga studio in the last year.
“Sensuous Organic Tranquil Flowing�
This project focuses on the form of the product, I have therefore devised a form board that will inspire the aesthetic of Vidya.
5
This is Amy. Age_24 years old Job_Teaching assistant Location_Cambridge
Situation: Amy is new to yoga. She leads a hectic life and is often unable to make scheduled gym classes, usually resorting to exercising at her house on her own. Goals: To get all the benefits of a yoga instructor whilst practicing at home.
Exploring Form. Initial ideas based off organic shapes of form board.
Model Making. After blue foaming some initial ideas to get an idea for sizing and form, I came up with my final design.
7
Scenario of use. Amy is practicing yoga at home but injures herself as she is practicing the pose incorrectly. She therefore purchases Vidya, which tailors itself to her and recommends a workout the next time she exercises.
1.
2.
3.
4.
5.
Final Design.
In Environment. As this device is a progress tracker. It will feature a speaker that connects to the phone. This is so that the user can be away from their phone whilst practicing so that they can fully disconnect.
9
Buttons follow the form of the final design.
Sensor lies underneath the top half of the product to monitor user’s weight distribution.
Product slides onto mat and is discrete so that it does not distract from the user’s practice.
Urbanfit A smart city app for active commuters Brief: “Design a smartphone app that enhances the experience of smart city living�
11
The Problem.
Commuters are amongst a group of people who consider exercise a burden, being stuck inside all day is causing adverse health effects and strongly impacting their wellbeing in the long term.
41% of workers spend less than 30 minutes a day walking around at work.
62%
of office workers fear the health effects of sitting at their desk all day.
31%
of workers sit down for so long that they put off getting up.
User Feedback.
After conducting interviews on young commuters, we deducted particular features which we wanted to focus our app around. From the user interviews a representative user was created and we discussed the user’s particular pain points, task goals and experience goals so that we could ensure that the app would suit the user’s needs.
User.
Pain Points
Task Goals
Experience Goals
- Exercise is a burden - Rush hour can make her late - Feels unsafe
- To keep her weight down - To feel mentally stimulated
- For exercise to feel fun - To feel in a good mood - To feel energised
13
This is Callum.
Age_28 years old Job_Design assistant Location_London
“Exercise is a burden, I want to feel motivated�
Callum lives in Highgate with his girlfriend. He commutes 4 days a week. As Callum wants to avoid the London traffic he usually takes the tube to work, he enjoys the exercise from walking up and down the stairs in the underground. However, when he walks from his office to the tube station after work he often feels unsafe, especially when it is dark.
Scenario of use.
1.
Exercising the whole way to work can be a daunting prospect. Therefore Urbanfit creates a journey that includes a ‘lazy’ and ‘active mode’ of transport and progressively increases the active amount of transport each day.
Urbanfit generatse a journey which suits the user’s needs.
2.
3.
The user puts their headphones on and follows the instructions.
4. The app guides the user to their next ‘lazy’ mode of transport - the bus.
Urbanfit has built in additional features such as bike lock up points. When journey is finished, Urbanfit converts the amount of burnt calories into something tangible.
15
Initial Wireframes.
Indicates a swipe action Takes user to next screen On screen action
I used the ‘Pop’ app in order to create a realistic user experience of the app. I then tested my app with two users who re-enacted their daily commute.
User Testing.
“I want to feel more inspired to workout” Both said that the homepage should be more motivating.
“Task bar is unclear” The icons for the task bar are crammed and are not represenative of their use.
Development. I made amendments to my final design based on the feedback I recieved. However, for the development of this design I wanted to make each screen bolder and more inspiring.
Final Screens. For my final design I adapted my screens again so that they were brighter and more motivating. Urbanfit allows the user to progressively build up their exercise routine. As well as taking into account the stress of a working day with a built in mindfulness feature which picks a quieter route, allowing the user to unwind.
17
Bleu An introduction to surface modelling Brief: “Show an understanding of 3D modelling complex forms, which will require a proficiency in surface modelling�
19
Moodboard.
“Evocative Colourful Harmonious”
I took inspiration from the moodboard to create flowing shapes influenced by Moroccan architecture.
21
_Manufacturing ribs
CAD development. This project focused on demonstrating an ability to construct complex 3D surfaces, therefore evaluating the quality of the surface through zebra stripes was essential. The next stage to this project was altering the model so it was ready for manufacture.
_Evaluating zebra stripes
Initial Render. My initial design stayed a lot more true to the richness of Morrocan architecture. However, for my development I wanted to slightly tone down the colours.
23
Final Design. My final design incorporated the flowing shapes that are typical of Morrocan architecture. I have kept a minimal colour pallette, whilst still using different tones of blue to capture the colourful nature of Morrocco.
_Tonal _Fresh _Minimal
Goku An injection moulded bike tool Brief: “Design a promotional polymer ‘widget’ that can be injection moulded. As a group manufacture the finalised mould tool and inject polymer into it to create the widget.”
25
Design Proposal. As a group we chose the clip on bike multi tool for the brand ‘Goku’, to take forward to the manufacturing stage.
_team work _manufacturing skills _accuracy
CAD Simulation. We first tested our HSM works programming using blue foam blocks on the CNC machine. After our programming proved to be successful we recreated this process using the XYZ CNC machine to cut out our two aluminium mould halves.
27
As this mould tool was designed for manufacture we calculated how long it would take to make 3,000,000 widgets.
“160 hr per week 250,432 injections per month 3,005,184 widgets produced�
Manufacturing. Although this was a group work project, I tried to ensure that I got as involved in all the stages of manufacture.
_milling
_surface grinding
29
_turning
Final Product. Goku is a useful tool that mounts onto the bottle holder bolts on the bike frame. Holes on the tab allow the user to store allen keys for easy access of these whilst on the go. Furthermore, the donor part allows for repair and maintenance jobs, this donor part was made from thin steel to allow the widget to have a longer life span as it is far stronger than HDPE which we used for the body of the widget.
_Product in use
_Final assembled mould tool
Chatmat A biosensing mat for anxious first daters Brief: “Develop an innovative, future-facing digital product that enhances communication through touch in personal relationships.�
31
-Clare Butler.
Clare is a 20 years old student currently studying Industrial design at Loughborough University. She recently broke up with a long term boyfriend and is therefore slightly out of practice with the dating scene and for this reason is nervous to go on dates.
Goals. - To feel at ease with the conversation. - To not feel anxious. - To feel in control and confident. - To know that her date is interested. - To have a consistent conversation flow.
User Testing. - Clare never knows if her date likes her. - She often struggles to relax and therefore tends to overthink her body language. - When it comes to paying the bill, Clare worries what the dating etiquette is for this.
Initial Concept.
Initial idea was to have a visualiser which projected the conversation queue onto the table below. However after this was user tested it was realised that this was ineffective.
User testing. I recreated a realistic first date scenario by setting up two of my friends who had never met before. Although I realised my initial concept was ineffective during this test, I also drew the conclusion that both users touched items on the table such as their champagne glass when they got nervous.
33
Environment moodboard. _clean _minimal _non obtrusive
Exploring Form.
Scenario of use. The user testing led to my final product, Chatmat. Before attending the date, both parties would fill out a simple questionairre using an app. The questionairre would find out what the daters’ interests are so that common ground can be established.
1.
2.
2.
_first time meeting _filling out the questionairre
4.
3.
_places wrist on chatmat and feels at ease _anxiety starts to kick in
5.
_date goes well and conversation flows
35
Final Design. Chatmat would work by the dater placing their wrist onto the mat when they got nervous. The mat has biosensors that detect anxiety through a quickened heartbeat, therefore triggering the haptics to send vibrations to the pressure point in the wrist, allowing the dater to feel more relaxed. Alongside this a conversation queue would appear on the mat’s screen.
What are your hobbies?
What’s your favourite movie?
What sports do you play?
About me A shortened CV
Experience.
Educat
DELCO, KL
Loughborou
6 month design internship_2018
IBM
iX design workshop_2018 User experience workshop _2017
Rosey Lea cafe and tearoom
Waitress and Barista_2014 - present
Seymourpowell Workshop_2015
Right Angle Creative
Graphic design placement_2013
37
BA Industrial D Taking modules manufacture, in and design com Achieved 2.1 in
Bishop’s Sto
2001 - 2015 A-Levels: Produ English_A, Mathematics_B GCSES: 2A*, 8A
c.e.spall-16@student.lboro.ac.uk
charlotte-spall
tion.
Skills.
ugh University
Axure Photoshop InDesign Illustrator Solidworks Keyshot Sketchbook pro Microsoft packages Sketch Wireframing Storyboarding User research Usability testing
Design 2016 - 2020 s in UX, design to ndustrial design studies mmunication n first and second year
ortford College
uct Design_A,
B A, 2B
Thank you for your time.