Harry Richard Craggs UX / Service Design Portfolio 2019
01
About Me
About me...
02
About Me
WORK EXPERIENCE
Who I am ... I am an Designer fresh out of university with a degree in Design for Industry. I have experience in product design for a wide range of international companies such as Hallmark, Dreager and Tommy Tippee. My strong passion in design has driven me to seek a carer in designing product’s and product experiences. I have also won a range of awards for my designs.
URBAN OUTFITTERS 2013
TOMMY TIPPE 2017 - 2018
HALLMARK 2018
Interior Designer
During my time in college I worked on redesigning an inertial of a local Urban Outfitter store.
Product Range Design
Working on designing a range of feeding products for toddlers.
Concept Design Internship
Designing a new range of cards and crackers.
Follow Me
DREAGER 2016 - 2017
Linked In: Harry Craggs
Product Design Placement Redesigning a new repeater system to be used by fire fighters.
Instagram: Harryrcraggs EDUCATION
References
NEWCASTLE COLLEGE 2012 - 2013
Rose Wong Senior Lecture Tele : 07720 077363 Email : rose.wong@northumbria.ac.uk Simon Scott Harden Tele : 0191 227 3157 Email: simon.scott-harden@northumbria.ac.uk
Level 2 Art and design
Studying the basics of arts and crafts and improving my design skills.
NEWCASTLE COLLEGE 2013 - 2015
Level 3 3D Design
NORTHUMBRIA UNIVERSITY 2015 - Present
Design For Industry
Studying architecture, Interior and Product Design as well as Graphics. Studying product design, research and development.
Contact Me
PRO SKILLS
Mobile : 07397509590 Email : Harryrcraggs@gmail.com
ADOBE PHOTOSHOP
SKETCHING
ADOBE UX
STORYBOARD
VIDEO EDITING
GRAPHICS
HOBBIES
ADOBE ILLUSTRATOR
MODEL MAKING
MODEL MAKING
ADOBE INDESIGN
CAD
CAD
PHOTOGRAPHY
RUNNING
ART
SPORT
03
Contents
Contents
04
Contents
01
02
03
04
Pie and Demand
At ours
Mr Piggy Bank
Not Alone
An App ordering service focused on retail bakery’s.
An online community people with a passion for international cooking
Online banking App dedicated to education children on the world of finance.
A service dedicated to supporting people struggling with mental health.
06
Pie and Demand
Pie & Demand App Order Service for Retail Bakeries Pie and demand is an ordering service that allows consumers to order in-store bakery products within retail stores.
07
Pie and Demand
Ellie Smith
Sales Monitor at Co-Op
“It’s very difficult to predict what the demand is for
that day’s bakery will be. As our in-store bakers only prepare food first thing it’s hard to re-bake as the day goes on. We bake basted on past sales but even that can be very misleading. “
Rita Kov
In Store Baker at Co -Op Food
“ I receive a report on what to bake each day,
however often we have a lot of waste or we run out very quickly. I even have customers asking if we are going to bake more after the baker has finished the shift. “
08
Pie and Demand
50% of costomers miss an opputtnity to buy items before the go out of stock.
75% of Instore Bakery products are waisted
The Facts
The Problem
The Solution
The average retail store wastes 40% - 50% of all bakery products. This is caused by a number of issues. Too much products put on display. Stores not having the exact amount of bakery products needed. Bakery products not lasting well as the day goes on. Poor communication between baker and costumer.
In-store bakeries find it very difficult to predict what demand will be for each day’s bakery. Despite attempts using records of past sales, there has been little success in minimizing bakery waste in stores.
Seek to create a service that allows customers or communicate better with in-store bakeries. This service must be available to the public and offers better communication between costumers and bakers.
09
Pie and Demand
Product Development Bring Waist down!
Allergies Warnings!
Allows costumer Feedback
Connect to stores and staff
Allergies List!
Display full product information
Seeking payment per order
Advertise Products and Deals
Service layout After collecting and presenting research, the process was to design a service to provide solutions to the growing problem of the overstock of the bakery. The decision was to design an Application based service that allows customers to order and purchase bakery stock. This will require bakery stock to be baked only when needed and keep waste to a minimum. It will also require to provide allergies
10
Pie and Demand
App Design
App Development
After the service was created, the next stage was to design the app its self. By designing a UI for each stage of the service helped gain a better understanding of each step for the customer.
By using Illustrator to design the icons and graphics, then using Photoshop on the imported images. The next stage was then to import all on Adobe XD where I structured the interaction.
11
Pie and Demand
User Journey and Touch points
The customer downloads the application.
The customer searches local stores then select and views the menu.
The customer makes an account and enters there bank details.
The order arrives at the store via email then is given to the baker.
Once the products are selected the customer then places an order.
12
Pie and Demand
The baker then bakes all items and see order requests.
n
The Baker then sees order report of that day’s order.
The customer collects the item in-store.
Places details on the packaging
Customer eats item
13
Pie and Demand
The App
Login Page
My Oven
Home Page
Store Products Menu
First presented when the app launched.
My oven monitors the spending of the user. It collects cash and points when the user makes purchases.
The main screen displaying all app features and menu.
All available products will be displayed as well as the name of the store.
14
Pie and Demand
Product Information
Order Tracker
Allergies Alert
Gift Cards
It will display all allergies warnings and all product information as well as current deals on the products.
Order Tracker displays how far the user’s order is within the store. It allows the user to see what baker is on shift and the option to send a message about the order.
The allergies page will inform the user to how to identify what products my have allergies.
The app offers the user to purchase a gift card contains a credit to spend on their own account.
15
Pie and Demand
The Pie and Demand Kit Holly
y Am
zza
helle Mic
B
1x
on ryd
r Orde
ist
Code
4662 : 87
0
ydon 2x W 2x Mu hite Ru ilty Se stic Ro eded ll Roll Ord er Cod e : 349
Amy Jo
1x Ch
592
021
e
oclat e Tw
ist
te Tw
Holly
Ord
er Cod
e : 874
662
4x Piz
5190
0
519
r Orde
ll ic Ro ll Ro Rust hite eded 2x W uilty Se 021 2x M 9592 : 34 r Orde
lle Br
Swirl 519
Joe
la Choc
Miche
iles
Sm
4x Pi
Code
4662 : 87
Smile s
za Sw
irl
Ord er Cod e : 874
662
Rose
5190
s Oliv er y Joan 4x Cr ois Harr tte
Code
3x Ci Ord
Ben e Oliv
r Orde
ant oiss Swirl 4x Cr omon nn 9404 3x Ci r Orde
Code
4
r Orde
ant oiss own 3x Cr lla Cr Vini 6278 12x 6352
r
Rose
nnom sant Buge on Sw Demi irl8x
er Cod e : 984 728 940
s
Dill
Code
Code
: 74
Ben
6278 6352
C arla
we 3x Ch 5x Ch eese Sc eese one Twist
C
Ord
er Cod e : 859
we
Ha
e Scon t eese Twis 3x Ch eese 22 5x Ch 9304 r Orde
Code
Harry
304
22
Saqi b Ali 10
li
x ib A 2x Crois t Chee sant se Tw ssan t Croi Twis 4x Prez ist el 10x eese Order el Cod 2x Ch Prez 0422e : 859304 4x 22 93
Saq
r Orde
Code
: 85
Joan s
8x De
627
8
mi Bu
Ord er Cod e : 746
ley Ro
Ro yley
352
: 74
Hay
4728
: 98
Dills
3x 12x Vi Croissa nilla nt Crow n
Ord er Cod e : 746
352
gette
627
8
ub ant
oiss 6x Cr
de r Co Orde
: 85
9304
22
Carla
Cub
6x Cr oissa
nt
Ord er Cod e : 859
304
22
: 85
The Advertisement Kit
The Order Report
The Order Stickers
Once the store has been registered with Pie and demand it will receive a welcome kit that allows the store to advertise that they offer up the service in the bakery. The kit will include ad posters as well and a stand explaining the service and bar code to can with there smartphone to find app on the app Store or Google Play.
The order report is a collection of orders made by app users the previous day. It displays a number of products that will be needed to be baked for that day. It will also include messaged and special requirements from users to the baker.
Once the products have been baked the baker will then bag them up and the seal with these printed out stickers. They will display customer’s information and name leaving the product ready to collect by the user.
16
Pie and Demand
Business Set Up
Business Partners
Business Finance
Business Benefit
For the business to function it will partner up with a number of UK retail bakeries that will both provide this service. The app will connect with all store that is linked to the service and seek to boost the store’s profit in bakery.
To help fun the project each sale will take a commission of 25% as well as advertisement charges on the stores deals. This well keep the business going as it continues to thrive
As the service is dedicated to improve sales and boost availability and popularity, it is seen to benefit the business partners involved. It also improves that reputation of in-store bakeries and making it more available.
20
At Ours
At Ours International Cooking Communities An app dedicated to reuniting international communities under the experience of food and culture.
21
At Ours
Nataile Holland
World Food Department Manger
“ We have seen a rise in sales in our deportment. This is mostly due to the increase I’m popularity in local and foreign food. “
Goyung Hue
Owner of Kimchie World
“ It’s very hard to find Korean cooks or at least friend cooks who specialise in the dishes on my menu. I wish there as a service to help me find my next cook. “
22
At Ours
Global Scale
Food Market
Food Cooking
A the world economy develops there in an increase of people living in different countries and cultures.
There is an increase in demand in foreign food that not many native people know how to cook.
There is an increase in demand in foreign food that not many native people know how to cook.
The Facts
The Problem
The Solution
In each major city, nearly 25% are from foreign countries. Nearly 50% are on there own with no family or friends. With a growing demand for foreign food expertises on cooking this good is in desperate need.
People who live in foreign cities are often isolated and struggle to cook food for them selves. They achieve no means of contacting any local chefs that can cook them there native dishes.
To creative and service that allows users to track down local people in foreign cities and seek there expertises on cooking there native dishes. This service must help reunite communities in foreign cities.
23
At Ours
Product Development Allergies Warnings!
Allergies Warnings!
Allergies Warnings!
Allergies Warnings!
Allergies Warnings!
Allergies Warnings!
Service layout After laying out all the insights and opportunities it seemed there was lot of requirements for this service. As cooking had become more popular its seems now is a great time to produces a service to better connect cooks with wannabe cooks. It also should provide people with the desire to shear recipes to do so.
24
At Ours
App Design
App Development
When designing the layout and interaction the goal was to show peoples dishes and recipes as well as information of the dish and the user behind it.
The app was constructed using Adobe XD and I used Illustrator to design the icons and shapes. I also used Photoshop to improve the images within the application.
25
At Ours
How the App Works
App Integration.
Sanjab used the search feature on the Home Screen to search Pakistani cooks in his local area
He views each users account and selects the appropriate user.
26
At Ours
He then views there dishes and sees what they are like.
He them used the message feature to contact Sanita and request her skills.
27
At Ours
App Features
Login Page
Home Screen
Saved Dishes
My Recipes
First presented when the app in launched.
The Home Screen presents a range of features the app offers. This includes displaying fellow users new dishes and recipes. It also allows you to search new followers.
When you add new members the app allows you to save dishes and recipes used by other users as well and allowing you to request orders.
The user will put on a range of there own recipes displaying there knowledge of cooking.
28
At Ours
Messages Messages can allow users to communicate and request cooking dishes
Meal Information
My Book Collection
Book Page
Once a user has found a meal they like they have the option to view it in detail as well as its popularity by other users.
The app allows users to save recipes offered by other cooks. They can collect recipes ans store in a digital book.
The app also give the option to order a physical copy of there saved dishes and recipes and information of the users.
29
At Ours
The Benefits of the App
Improve Cooking
Be Reunited
Collect International Recipes
The App allows any user to improve cooking of any dish from any part of the world. This united users from all walks of life to share and communicate there cooking.
The App allows users to be reunited with cooks from there native lands through the experience of food. This also help people develop connections in foreign cities.
Once the user has developed an online community it them gives them the option to have in print all the dishes and recipes they have collected through there time on the app. A service no one else offers.
30
At Ours
The Services Offered by the 1
Communicate and contact
Request
Select and Read
Communicate with different cooks within your local area or with international cooks from around the world.
Users can request from Local Cooks dishes that they have l isted on there account. They also have the ability to request cooking from within thee own homes or at events.
As as time goes on the user can collect dishes and recipes from other users accounts and save them onto a digital document. They also have the option to order a real physical copy of the document.
34
Not Alone
Not Alone
Not Alone Service To Support Mental Health Sufferers. An app dedicated to providing free and reliable support to people suffering from mental health.
35
Not Alone
Lesley Bridge OCD Patient
“My OCD is so out of control I’m practically house
bound and ass miserable as hell. I’ve tried to get help but they send you to these people who make you wait 32 week before you can speak to someone. Its impossible to get help. “
Hannah Dodd Bipolar Patient
“ I really need to talk to someone about my bipolar
but its hard to when most don’t understand. I wish I could remove the stigma and speak to someone in my shoes. The Doctor’s are available to be there 24\7. “
36
Not Alone
4\5 People...
The average time to seek professional help for NHS users is...
...feel let down by there local mental health care.
42 Weeks
The Facts
The Problem
The Solution
In the UK 1/4 people suffer from mental health issues. That’s nearly 2 million people. Many of them struggle to get even the basic help and treatment on the NHS.
With many cuts to public services, getting help is harder than ever. The waiting lists are growing and growing. It takes the average person 35 weeks to seek help and support.
There must be a service that is free and available to help people manage there mental health issues while waiting for professional help from there local Health services.
37
Not Alone
User Demands and Requirements Sync with NHS files and records “I’m on medication and I have no idea about side effect et.”
Remove stigma
“Its so Difficult telling a strangers about my Illness.”
“I cant waite 32 Offer weeks to seekfree help Offer a service service to I’m too ill for daily available 24\7. people life.” without internet.
“I cant wait 32 weeks to week help I’m too ill for daily life.”
“I can’t even leave the house! Never mind see a Doctor”
“Its so Dificult telling a Sync with NHS stanger about files and my Illness.” records
Information about medication
“I wish I could help my patients 24/7 but I’m only one person”
Share experiences and offer advice.
“Date about patients is very timely to transfer from different departments”.
Monitor recovery.
Access to phone line support.
Pin Point Requirements The main request was the desire to have assessed health services from the comfort of there own home as a lot of people with mental health struggle to leave the home at the early stages of there recovery. Another was to create a more available digital service to offer when patients are waiting for treatment or to see a Doctor.
38
Not Alone
App Design
App Development
The app was designed to be as simple to use as possible and focuses on flexibility on information sharing. The app is designed to be clean with simple layouts.
The app was developed by using XD and importing graphics from illustrator.
39
Not Alone
Service Lay Out
If the patients have s tal illness or have su longer than 24 mon receive a free table app.
The patient discusses there illness with there Local GP and arrangse the necessary treatment.
While the patient waits for treatment there GP will give them a Login code in order to access the app.
The patient will dow app and use the cod the app.
40
Not Alone
server menuffered from nths they will et with the
The Tablet will have full premium access to the app paid for by the local health center to help support the patients.
The user will have full 24\7 access to all the services Not Alone has to offer to help them on the road to recovery.
wnload the de to access .
The user will fill in their details about there illness and connect with over people on the app.
The app will work with the patient to help them on the road to recovery as well as keeping them informed about there illness.
41
Not Alone
App Features
Authorisation Page
Login Screen
Home Screen
Goal Page
Once the user received a code from there local health center they will then download the app then enter the code.
This then allows the user to register an account and and log in.
Once you have entered your personal details and your mental health information you are then able to use the app.
The user can set their own goals on there own journey to recovery. The goal page will display information about users improvements.
42
Phone Line Page Services display a range phone line numbers where the user can call for advice and help as well as for emergences.
Not Alone
My Medication
My Diary
Not Alone Premium
My Medication displayed all information about medication that the user is receiving and advice about them. Is also displayed recommendations.
Every day the user will then make a daily diary about how they feel and rate there day out of ten. It will display there recovery.
Not Alone also offers extras services for people who have severe mental health issues that will be paid for by there local health centre.
43
Not Alone
The Benefits of the App
Improving Health and Well-being
Save Money on the NHS
Online Support
The App offers a service dedicated to improving the health and well being of the user. Its main focus is to provide help and information about the user’s journey to recovery of there mental well being. This service is free and available 24\7.
As resources in the NHS are becoming tighter this offers people to self manage there mental and their treatment. In doing so this will save time for doctors and councilors to collect information and work with there patients on resolving the best form of treatment.
As the app takes a social media stance it allows people to become more open about there mental illness and share there journeys of support and recovery. As mental health is on the rise this will crate and involvement where people feel more open about there mental health.
44
Not Alone
The Services Offered by the
i Self Medication
Information about Mental Health
Communicate and remove the Stigma
Once the user has registered what medication they are using the app will then work with the user on informing them about the medication they are on as well as recommended forms of treatment.
The service provided many ways of mental health education. This comes in the form of presenting facts, hearing stories and sharing experiences.
The app allows users to communicate and become more open about their mental health issues and there experiences. This aims to try and remove the isolation and the stigma that comes with mental illness.
ep tiD An
4
ts an ss aga S re
24
An t
iD e
Anti Dep
ress a
24
n Sag
48
Mr Piggy Bank
Mr Piggy Bank Banking App For Childeren An app dedicated to educate children in a fun way about the world of finance.
49
At Ours
Stacey Stretton Mother of Free
“
I would love to teach my kids about money, especially the more complex stuff. However it’s not that easy they just want to spend, spend and spend. And I can’t teach them about interest rates, overdrafts, inflation, etc. “
Jane Williams Bank Manager
“ We are seeing more and more parents setting up
bank accounts for kids under ten. However, the biggest complaint is that kids find it so hard to understand the service. This makes it harder for parents to teach kids about better finance. “
50
At Ours
80%
2/10
of millenials have limited knowlage of the world of finace when they get there first job
Parents teach there kids about money and finace
The Facts
The Problem
The Solution
Online banking app and services are becoming more and more popular with young people. More and more parents are wanting to teach their children about the world of finance.
Many online banking app are way to complex for children and offer no control from the parents perspective.
Design an online banking app that educates young children about the world of finance. It must also allow the parents to take control of those accounts.
51
Mr Piggy Bank
Product Development Sync with NHS files and records Kids love Animations
Privecey and Security
“Money is a hard thing to teach”
“I cant waite 32 Leading towards weeks to seek help Parent Controll good anf I’m too illbehavor for daily and supersision habbits. life.”
“I cant wait 32 weeks to week help I’m too ill for daily life.”
“I can’t even leave the house! Never mind see a Doctor”
“Its so Dificult telling a Eduction on stanger about money my Illness.”
Undertandble for kids
“I wish I could help my patients 24/7 but I’m only one person”
Save and protected
“Date about patients is very timely to transfer from different departments”.
Treated like a real Bank
Two accounts
Service Requiremnts Laying out all the relevant information needed to understand both users. Will will effectively layout a better understanding and designing the best possible solution.
52
Mr Piggy Bank
App Design
App Development
When designing the layout and interaction the goal was to show peoples dishes and recipes as well as information about the dish and the user behind it.
The app was constructed using Adobe XD and I used Illustrator to design the icons and shapes. I also used Photoshop to improve the images within the application.
53
Mr Piggy Bank
App Features
Log In Page
Choose user
Home Screen
AR Camera
The parent will download the app then register their bank account on the app.
Once the both account’s are set up the next step is to choose what account the user will access.
The Home Screen is designed to display all information about the account. Including current balance and past transactions.
The Augmented Reality features is designed to present animated information when the camera is focused on the bank card or Bank statements.
54
Mr Piggy Bank
Spend Record The app also displays the child’s spending records. Both parent and child accounts will have access to this feature.
Saving Goals
Parent Control Centre
Child Saving Page
Both the parent and child can set there own saving goals. This will sent notifications reminding the child what they are saving for as well as display how much they have saved.
Parent Control Centre give the parent user full access to control the child account by subtracting to adding money.
The child saving page is where all saving goals will be set by both users.
55
Mr Piggy Bank
The Benefits of the App
Educating Children On Finance
Give Parents Control
Helps Children Save Better
By teaching children as they use the App will also educate them on the world of finance. It will teach them to make better decisions with there money as well as make them see where their money is going.
As parents have complete control over there own child bank account. It allows them to remove or send money as they wish and set money goals for there children.
With the Savings goal feature that allows both parent and child to set goals to save. This encourages better chooses to do with there money.
56
Mr Piggy Bank
The Services Offered by the App BANK
Sweets 5\1\19
Make a Bear 1\2\19 Sweets R Us 5\1\19
STATEM ENT
BA
NK
Mak e 1\2\ a Be ar -£20.6019 Sw -£19ee 5\1\ .50ts R Us 19 -£2.00 Da d rthd 5\1\£34Bi .60 ay 19 Gift Co +£100.0 0 rner £40Sh op .00
R Us
-£20.60
Dad Birt -£19.50 hday Gift 5\1\19 -£2.00 Corner
Dad Birthday Gift
Shop £34.60
+£100.00
5\1\19 5\1\19
£40.00
-£5.00
5\1\
19
-£5.00 Wee kl Weekly 5\1\ y Al low Allowan 19 £5.0 an0 ce 5\1\19 ce Task 5\1\ Awar +£10.00 Task d Fr 19 Award om.00 £15 From £5.00 5\1\19 Mum Mum Task Weekly Allowance +£10.00 Aw +£15.00 ard Task From 5\1\19 Award £15.00 £15 From .00 Mum Mum Corner Shop
5\1\19
Task Award From Mum
+£15.00
5\1\19
£15.00
Task Award From Mum
-£40.00
ST AT
EM
Make a Bea r 1\2\19
BANK STATEMENT
-£40.00
EN
T
-£20
.60
-£19 -£2. 00 £3 4.60 +£1 00 .00 £4 0.00 -£5. 00
.50
£5 .00 +£1 0.00 £1 5.00 +£1 5.00 £1 5.00
-£40
.00
Animation Augmented Reality
Bank Cards
Bank Statements
The Augmented reality feature is used when focused on the card or bank statement. This will show animations of Mr. Piggy explaining to the child there bank balance as well as there spending habits.
The child will receive a Mr. Piggy Bank debit card. It will be registered to there original bank however they will have the option of customization before they receive it.
At any given time the user will be able to request a physical copy of there bank statement as well as to view it on the app. However , the physical copy will come with augmented reality to explain the spending habits and the current balance.
Thank You Please get in touch! Email: Harryrcraggs@gmail.com Number: 07397509590