+ All Categories
Home > Documents > DigitalPortfolio_JordanYates2016

DigitalPortfolio_JordanYates2016

Date post: 12-Apr-2017
Category:
Upload: jordan-yates
View: 115 times
Download: 0 times
Share this document with a friend
15
Design UX Illustration Jordan Yates PDF design portfolio
Transcript
Page 1: DigitalPortfolio_JordanYates2016

Design ∙ UX ∙ Illustration

Jordan Yates

PDF design portfolio

Page 2: DigitalPortfolio_JordanYates2016

Lloyds Bank: Save what mattersiOS/Android app ux & ui design

Project:Design the User experience and interface for the Lloyds Bank: Save what matters app. The app is designed specifically for Lloyds employee’s to use as a means of saving information like photo’s, music and contacts up to a cloud storage with an ability to then restore that data to their phone if need be.

Results -∙ App design that was then re-skinned for the use clients such as the Bank of Scotland and Assurant.

Page 3: DigitalPortfolio_JordanYates2016

LLOYDS BANK

Save what matters iOS / Android Application

Page 4: DigitalPortfolio_JordanYates2016

||

0.1

|

Page 5: DigitalPortfolio_JordanYates2016

Shape Christmas Tablet/Mobile Wallpaper (www.itsashapechristmas.com)

Project:Each year 25 creative’s submit a design based around a shape as part of Made by Shape’s interactive advent calendar. Anyone who downloads a festive wallpaper can also donate to Key 103’s: Mission Christmas charity.

My Shape was a circle, and after a few initial ideas I went with the concept of the bird’s eye view of a cup being a circle. I furthered this concept and transformed the hot chocolate into a bath tub for a Gingerbread man in need of some pre-Christmas relaxation!

Results -∙ Line vector illustration to download onto Tablet and Mobile devices∙ 3rd most downloaded wallpaper out of the 25

Page 6: DigitalPortfolio_JordanYates2016
Page 7: DigitalPortfolio_JordanYates2016

TecmarkBrand and digital design (www.tecmark.co.uk)

Project:Whilst working at Tecmark one of my roles as Graphic Designer was to refresh their brand to co-inside with Tecmark’s new core values. I completely rebranded them adding new fonts, icons and design styles to follow.

One of the biggest changes was adding a navy blue to Tecmark’s brand colours giving it a nice contrast against Tecmark’s main red and offering the brand more design flexibility and diversity.

Results -∙ Complete re-brand - this was carried over into every asset of Tecmark including the newly designed website.

Page 8: DigitalPortfolio_JordanYates2016
Page 9: DigitalPortfolio_JordanYates2016
Page 10: DigitalPortfolio_JordanYates2016

Travelbag: A day in projectWebsite design (http://www.travelbag.co.uk/a-day-in/)

Project:Travelbag’s A Day in project was designed to give the user the feeling of experiencing a Day in a particular destination, such as Dubai and Las Vegas.

Myself and the Tecmark team used videos to give this feeling and I designed the website to be a simple and an easy scrolling experience, keeping it clean with a focus on the video content contained on each page.

Results -∙ On launch day it became the second most visited page and since launch it has had thousands upon thousands of page views, 89% of which were new visitors. ∙ It gained over 13,000 social interactions making it the most shared piece on Travelbag.

Page 11: DigitalPortfolio_JordanYates2016
Page 12: DigitalPortfolio_JordanYates2016

AO: Life is messyWebsite design (http://ao.com/life/is-messy/)

Project:Design a several websites focusing on the different ways kids can have fun with mess. I designed the hub page, “The Nations attitude to play” page and the “30 day’s of mess” page

This was a great project to get involved with, we had to design the UX/UI to be kid friendly but also to be fun to navigate and look through.

Results -∙ Website design which worked with SEO to create a central hub of messy fun, for kids and adults.

Page 13: DigitalPortfolio_JordanYates2016

life is messy

Page 14: DigitalPortfolio_JordanYates2016

20. Treasure hun

21. Water fight

22 DIY X-ray

20. Treasure hun

21. Water fight

22 DIY X-ray

er fight

21. Water fighter fight

Page 15: DigitalPortfolio_JordanYates2016

Keep in touch

Let’s grab a coffee -

@jygraphicdesign