UX Design Portfolio 2020

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