Design Work.
EMILY WOODHAMS | D e s i g n e r.
Nottingham Trent University Graduate
about me.
intro My name is Emily and I am a 1st class Product Design BA graduate from Nottingham Trent University. Although I studied Product Design, within my final year and placement, I discovered my flare and enthusiasm for graphic design, in which I utilised greatly within my projects. Throughout the briefs I chose to scope business ideas, UI/UX, packaging and promotional design, social media and marketing ideas to create services.
c o n t a c t. 07714301504 ewoodhams14@gmail.com @emwoodhams.design
education. 2017 - 2021
Nottingham Trent University 1st Class Product Design BA
experience. 2022 - Present
Social Media & Content Posts Cornish Coasts Farmshop & Cafe
2020 - 2021 Marketing & Communications Officer NTU Watersports Society 2019 - 2020 Graphic Design Industry Placement Year Lloyd Pascal
achievements. 2021
Chartered Society of Design Award
2021 Shortlisted for Global Grad Show Entrepreneurship scheme 2018 Live Project Shortlist for Rapha project & presentation at HQ 2018
Live Project Shortlist for Innovia project
table of
contents. 01...........................The Calm Club 02..................Coastal Companion
01 the calm club | business idea | branding | UX design | packaging | marketing | DESIGN CHALLENGE The Covid19 pandemic has taken a huge toll on student wellbeing, with 73% of students stating it declined within the first lockdown. (Mind Charity). Long term, the conversation surrounding student well-being needs to be broadened, to ensure students are more resilient in the future, and can manage their well-being better in usual times.
SELF DIRECTED BRIEF To design a service that is promoted as a university collaboration scheme for students which encourages subtle relaxation, through drinking herbal teas. It should promote a sense of community and interaction to improve student well being long term, by encouraging habitual evening routines and encouraging conversation surrounding well-being. This will be encouraged through an inclusive herbal tea postal subscription box service for students, freshers to masters. Business Plan available to view on request.
SERVICE COMPONENTS app to order tea | postal tea subscription box | onsite shipping container cafe The service also supports business, social media and marketing strategies to promote the brand to create a sense of community and student interaction.
brand core values community inclusivity brand experience encouraging brand loyalty
C: 6.27% M: 4.71% Y: 6.67% K:0%
01/ Ice Cube Grey
C: 17.25% M:16.08% Y: 18.82% K:0.78%
02/ Mushroom
C: 16.08% M: 23.53% Y: 40% K:2.75%
03/ Sand
C: 27.45% M: 52.16% Y: 55.55% K:20.39%
C: 38.43% M: 61.18% Y: 69.02% K:57.37%
C: 0% M: 0% Y: 0% K:100%
04/ Mocha
05/ Chocolate
06/ Charcoal
logo
brand
colour palette
heading....................................lust regular. subheading..............segoe print regular. body.....................................acumin pro regular. typography
brand pattern
icon eg’s
The app allows the student to design their own herbal tea by combining a fruit and herb. This encourages experimentation and personalisation, to ensure there is herbal tea combination out there for everyone for relaxation.
KEY FEATURES • • • • • •
Prototype designed and functions on ADOBE XD.
app design
customisable tea flavours herb well-being purposes info on well-being organisations brand information social media links postal box payment and delivery
packaging. The tea postal subscription box uses 100% recyclable materials, including the tuck top corrugated fibreboard box, using vegetable based ink for printing. The contents uses biodegradable teabags made from soilon, as well as sugar cane stickers, that use biodegradable adhesive.
THE CONTENTS. Option of 7-28 teabags Personalisation of flavours, choice of rolling subscription or one off, characteristics to each flavour tea, in a quirky 3D form. Promotional Material Displaying social media platforms, promotions such as discounts when you recommend to a friend, and flavour suggestions. Vellum Paper Packaging & Sticker Increases brand experience, allowing student to unwrap to reveal contents.
Photography of subscription box prototype.
USER EXPERIENCE. Both the box and tea packaging stickers allow the customer to unwrap the items to discover the contents inside, to create the idea of the ‘big reveal’.The teabag packaging opens out to be 3D, meaning the information is hidden until the teabag is used.
details.
Youthful and friendly language used for the student target market to encourage engagement on social media platforms.
BRAND EXPERIENCE & MARKETING The brand is approachable and easy to reach, and allows students to contact The Calm Club for well-being, relaxation and evening routine advice. This is through chat forms on the website and direct messages via social media. The platforms are consistently advertised in both 2D and 3D form, including on promotional material such as business and loyalty cards for the cafe.
cafe loyalty card
website page
business card
SOCIAL MEDIA The Calm Club will collaborate with university accounts such as student unions, to promote fast brand exposure to students. Community is created through hash-tagging and student reposts, to spread a positive word of mouth surrounding well-being. Freebies, promotions and give aways will attract new community members.
Please go to @_thecalmclub for post and caption examples.
CAFE EXPERIENCE Measuring 10ftx8ft, the shipping container cafe should be situated in the heart of university campuses, in areas of high student footfall. For example, near student unions or near university accommodation. Providing takeaway or sit in herbal tea, the cafe provides a relaxing but socialable cafe experience, allowing students to converse over a brew inbetween lectures and seminars. Students can also be employed at the cafe, encouraging more conversation surrounding relaxation and wellbeing.
The shipping container cafe is urban and transportable, meaning it can be moved around the campus easily. The floor plan shows the smooth customer journey at the cafe - through using hatches to order and then receive the herbal tea. The seating and tables can be moved around to suit CUSTOMER different USER JOURNEY sized social groups, catering for a wider audience.
right - closed
HOT WATER MACHINE
COUNTER TOP SPACE
STORAGE ROOM
HERBAL TEA COLLECTION POINT
HERBAL TEA STORAGE
front - closed
SINK BASIN
FLOOR PLAN & USER JOURNEY
4.
Take away or sit in tea is available, so students walk to seating area.
3.
Students walk round to collection hatch to wait for their tea combo.
5.
rear
Students enjoy tea sitting alone or with peers, enhancing community.
COUNTER TOP SPACE
left - closed
TEA STATION
CAFE KITCHEN
front - open
right - open
1.
Students approach order hatch to read menu, select chosen tea combo&order
2.
HERBAL TEA ORDER HATCH
Students pass by Cafe on University Campus, creating brand recognition.
MOODBOARDS Collection of physical items and first hand photos at the coast, inc pebbles, driftwood and feathers, determining organic form and neutral colour palette ideation for further moodboards.
BRAND
APP FLOWCHART
APP
Using sketch and illustrator flowcharts to visualise how the app interfaces will link together to improve the user experience. Using the flowcharts to inform the process of making on Adobe XD.
LOGO Logo development through intricate analysis; considering wording, meaning, font and placement, to represent the brand purpose: relaxation and community.
development snippets.
ADOBE XD PHOTOGRAPHY Experimentation with dried fruit to represent herbal tea, alongside botanics and knitwear. Creating visually relaxing material for the brand, for the app and social media, by experimenting with camera angles, settings and lighting.
Using XD to create a working prototype of the app, following the brand guidelines. User testing on students, to identify areas of improvement, then using photoshop to finalise and create mockups.
SKETCH DESIGN
INSPIRATION
Using the brand colours, typography and ethos to design all surfaces of the box, inside and out, to enhance customer experience. Experimenting with different style combinations on the box, as well as the contents within, to ensure a balanced final design.
PRODUCT
CAFE
Gaining inspiration of existing cafe forms around Cornwall, identifying shipping containers and VW campervans to be popular. Considering how a shipping container would provide enough space for employees and customer seating, are transportable and would suit most urban city universities.
BOX FORM TESTING Testing the corrugated fibreboard mailboxes, for form as well as sizing to fit through door letterboxes on delivery. Selecting a one piece tuck top box, single wall in B flute.
development snippets.
SKETCH DEVELOPMENT Sketching ideas for how the branding would be displayed on the shipping container to ensure 360 degree brand identity. Considering floor plans to ensure a smooth customer and employee journey. Developing the business model, through considering costs for installation and maintence.
PROTOTYPE & TESTING Creating 1:1 mockups of the box and contents for user testing with the student target market. Using feedback to improve the design before the final prototype. Using helloprint to create the prototype in corrugated fibreboard, being printed with eco friendly vegetable ink.
USER STORYBOARDS Creating storyboards to explain the customer journey through photos and illustrations and the student target market. Drawing up floor plans with measurements on illustrator.
02
coastal companion.
| service design | branding | UX design| advertisemen t | DESIGN CHALLENGE Domestic tourism is widely trending as ‘staycations’, due to the rise of people travelling to the UK’s coastlines rather than going abroad due to COVID19. This has not only been due to travel restrictions, but also due to the public being nervous and sceptical about travelling and the virus. This rise in domestic tourism has put pressure on the locals, the environment, the government, booking and amenity companies, meaning staycations need to be controlled, to allow the public to plan and prepare for their perfect coastal holiday.
SELF DIRECTED BRIEF To design an app that assistants in planning and preparing for the perfect coastal holiday, prior to domestic travel within the UK. The app will aim to filter down holiday aspect ideas, to select a well chosen ‘matched’ coastal destination specification, where the customer can then go ahead and book different elements.
brand C: 10.04% M: 62.83% Y: 73.76% K:1.26%
C: 0% M: 29.7% Y: 80.83% K:0%
01/ Orange Flame
‘Companion’ - encouraging customer reliance on the brand to assist decision making. logo
02/ Tuscan Sun
C: 10.04% M: 8.26% Y: 11.57% K:0%
03/ Ice Cube Grey
C: 16.8% M: 0% Y: 9.6% K:0%
C: 9.38% M: 12.71% Y: 22.41% K:0.26%
C: 91.17% M: 78.69% Y: 61.95% K:97.45%
04/ Adriatic Mist
05/ Sand
06/ Charcoal
colour palette Log In Create Account
heading....................................baron neue black
body.....................................azo sans light
inclusivity family orientated reliability friendly/ approachable organisation
typography
brand core values
subheading..............azo sans bold
brand pattern
THE APP The app is free to download and acts as a platform that families and the wider public can use to explore holiday options before being taken online by the app to go to specific booking websites.
key features. • filtration system • swiping system • coastal location card profiles
key components.
01. Filtration System
02. Swiping System
03. Coastal Location Pro
This allows the customer to filter down specific aspects, such as where they want to go, when, who with and the type of holiday they are searching for. This is interactive and visual for families, through a map and clear icons.
Following on from the filtration, the swiping system matches locations according to the preferences. It provides information on interactive swiping cards, taking influence from popular dating apps, you swipe right to save to favourites and swipe left to ignore.
Once the card has been saved, can access a variety of informat location. This includes amenity such as places to stay,eat and to do, and weather and tidal inf
ofile
the customer tion about the y information drink, things fo.
ADOBE XD The photography shows the app in use on Adobe XD for iphone. The app was tested by the target market during development to ensure the final product was family friendly.
PLEASE NOTE: There are 2 separate pages of flowcharts within this document MENU PLEASE NOTE: All interfaces are linked and loop back around to all 4 menu icons.
MENU TASK BAR
COASTAL COMPANION UI INTERFACE FLOWCHART This flowchart displays the Coastal Companion App interface format,and how the pages link together within the process. There is so no set definite ending of this flowchart,due to nature of reusing the app and the user going back around the swiping system as they please.
IMPORTANT!! This is a very large file and so when opened as a PDF, to view the entire flowchart without it being zoomed in, please press the button circled above. This will allow you to then zoom in and out of the flowcharts. Thanks :)
KEY.
START / END
PLEASE NOTE: All interfaces are linked together, using back buttons on every interface. The user can access all interfaces through using the menu bar located at the bottom of the interfaces, which is also linked to all interface routes. This is to account for human error, including accidental interface skipping and mistakes. PROFILE
LOG IN OR SIGN UP
EXISTING USER (STILL LOGGED IN (20 SECS)
SWIPE SYSTEM
FAVOURITES
SAVED
APP INFO
START.
EXISTING USER - LOGGED OUT OF ACCOUNT
COASTAL LOCATION INFORMATION
NEW USER
LOCATION INFORMATION
SAVED LOCATION CREATE ACCOUNT
LOCATION SWIPING SYSTEM SKIP TO SWIPE SYSTEM
FAVOURITE (Saves to Favourites)
LOG IN
USER ENTERS PREFERENCES MENU OPTIONS TO NAVIGATE FROM HERE.
DATA LOADING SWIPE LEFT TO BIN
FILTRATION SYSTEM
APP INTERFACE FLOWCHART
Larger document size available on request.
SOCIAL MEDIA Coastal Companion aims to give the public inspiration for UK based coastal holidays. This is through reposting customers stories/posts on instagram, showing photos and location suggestions. The app is promoted through socials, using hashtags and highlights to extend the community and gain popularity. Please go to @coastalcompanion for post and caption examples.
email advert
email advert in situ www.coastalcompanion.co.uk
Mail COMPOSE
1 of 21
More
Find the perfect UK coastal holiday with Coastal Companion!
Inbox
Coastal Companion <CoastalCompanion@gmail.com>
Starred
to me
Mar 15
Important
hello.
Sent Mail Drafts Categories All Deleted Messages More
Download our app to explore the UK to find the most perfect coastal holiday for you!
We have designed an app which uses a filtration system to specify your all of your coastal specifications, to find you the perfect coastal location.
Lookin for a UK coastal staycation? But don't know where to look first? GO TO WEBSITE. DOWNLOAD OUR APP! Availa le for IOS and Android.
Free Download!
plan & prepare We use a specially designed swiping system for you to swipe through UK coastal holiday options, to then choose and save within your own personal itinery and plan and prepare for!
Click here to Reply or Forward
www.coastalcompanion.co.uk
home
Coastal Companion.
about
contact
plan & prepare
for the perfect UK coastal trip with us!
about us. Our mission is to work as your companion to find you the perfect coastal holiday within the UK. Using a filtration system, we aim to ensure your coastal holiday is perfectly suited to you!
filter
favourite
decide
plan
prepare
go!
Filter down your holiday specifications, and we match the perfect coastal trip for you.
DOWNLOAD OUR APP! Available for IOS and Android.
Create your own holiday itinery!
website display
Free Download
billboard design
BILLBOARDS Coastal Companion is advertised throughout the UK on billboards, located in areas of high public footfall. E.G within shopping centres, train stations and bus stops - where the public will be open to travel and holiday inspiration, when waiting for transport or on a journey.
BRAND NAME & LOGO
UI WIREFRAME SKETCHING
Designed to appeal to families, through including the word ‘companion’, creating a relationship between the brand and customer. Reflecting coastal colours through the use of orange, beige and blue tones.
UI interface experimentation through sketching to ensure the app is user friendly, within layout, button size, colour, and general flow of the app. Using post it notes to identify improvements, with suggestions from the target audience of familes.
PHOTOGRAPHY Using props and a photography studio to create a coastal-like setting to photograph the app in action on phones and to be used on social media.
CUSTOMER JOURNEY
FLOWCHART Using a flowchart to map out how the app interfaces will link together, ensuring the app flows smoothly, accounting for human error. Using symbols to represent user decisions, the process and stored data.
development snippets.
Representing how the app would be used by families to plan and prepare prior to their holiday, as well as how it would be used during the staycation.
USER TESTING
ADOBE XD PROTOTYPE Using Adobe XD prototype to link the interfaces together and make the app interactive on mobiles. Accounting for human error with return buttons. Using different interface transitions and durations.
Ensuring the app functions efficiently through user testing. Using feedback to improve the app and its design elements further, to ensure customer satisfaction. Linking the app through Adobe XD for iphone.
thank you. Please also see @projectprint.co on instagram for more graphic design based work completed outside of university.
EMILY WOODHAMS | Lets get in touch! 07714301504 ewoodhams14@gmail.com