Download - IDEAS MAKE ME HAPPY

Transcript
Page 1: IDEAS MAKE ME HAPPY

UX, UI &CONCEPT

DESIGN

LUKE GILES CREATIVE PORTFOLIO

IDEAS MAKE ME HAPPY

Page 2: IDEAS MAKE ME HAPPY

The initial challenge was to map out the client's hand written

description of the divorce mediation process as it happens

without the assistance of technology and imagine what that

might look like as a user journey

amicableDIVORCEmediation app

www.amicable.io

Page 3: IDEAS MAKE ME HAPPY

We produced a

comprehensive set

of wireframes that

tackled the

problem at

a conceptual level

amicableDIVORCEmediation app

Page 4: IDEAS MAKE ME HAPPY

I ran workshops to unpack their brand

values and we designed their logo and

visual guidelines which would be

implemented into their website and app

amicableDIVORCEmediation app

Page 5: IDEAS MAKE ME HAPPY

I produced two weeks of user testing to gauge whether the

concept would work and to gather reactions to the various

features

From here we devised an MVP from the initial scope in line

with the testing feedback and started adjusting the wireframes

and implementing designs

amicableDIVORCEmediation app

Page 6: IDEAS MAKE ME HAPPY

The client requested a modern feel that was authoritative yet

fresh, not too austere and not to glib. We broadly applied

Google's material design principals to achieve this goal

amicableDIVORCEmediation app

Page 7: IDEAS MAKE ME HAPPY

The product enters build stage in January 2016 and will exist in

live BETA form with the objective of securing funding beyond

their initial seed round 

amicableDIVORCEmediation app

Page 8: IDEAS MAKE ME HAPPY

LSBUINTRANETPRODUCT DESIGN

The specification provided by LSBU

contained an extensive list of

requirements. The challenge was how to

organise this broad list of functions, meet

their desire to do everything within a

single product and find a simple technical

solution

Page 9: IDEAS MAKE ME HAPPY

LSBUINTRANETPRODUCT DESIGN

I designed a dynamic search interface as opposed to a menu system to be the primary navigation device

I devised a space that would act as a hub for the various applications they used

Page 10: IDEAS MAKE ME HAPPY

Despite the complexity of the product I wanted a spacious welcoming design that felt simple and intuitive 

LSBUINTRANETPRODUCT DESIGN

Page 11: IDEAS MAKE ME HAPPY

LSBUINTRANETPRODUCT DESIGN

Using the search box the user can filter

the system to return queries based on

the information they want to access or

the function they want to perform

The system administrator can tag

notifications against relevant search

terms to create promoted results

An example of this might be to alert the

company of changes to their pay date

by tagging against the term "payslip"

Page 12: IDEAS MAKE ME HAPPY

LSBUINTRANETPRODUCT DESIGN

The project is still ongoing but here are some examples of the current design

Page 13: IDEAS MAKE ME HAPPY

LSBUINTRANETPRODUCT DESIGN

Page 14: IDEAS MAKE ME HAPPY

LSBUINTRANETPRODUCT DESIGN

Page 15: IDEAS MAKE ME HAPPY

In 2010 I pitched the owner of a

revolutionary print on demand

footwear process  a business

plan to take his technology to

the music merchandise industry

Together we built the business

and designed the ecommerce

platform on which we retailed

our footwear

Page 16: IDEAS MAKE ME HAPPY

A lot of the design went into the

back end functionality and

admin structure but we

also produced a flexible shop

design that was simple to

navigate and importantly, music

genre neutral

The site took orders for the

manufacturing team to receive,

producing the product to be

sent out to the customer within

the same day

I devised an avatar to speak for

each genre of music we

serviced. The brand could stay

neutral but allow us to align

ourselves with each type of

music's fans

Page 17: IDEAS MAKE ME HAPPY

http://shop.readersdigest.co.uk/

Reader's Digest revamped and

redesigned their online shop in

2014/15

I helped map the product

categories to the new site whilst

supervising and guiding the work

of the UX designer

The task wasn't to innovate,

rather to bring the shop up to

date with current conventions

Page 18: IDEAS MAKE ME HAPPY

http://action2015.org/light­the­way/

Action 2015's Light the way

event asked people to support

an end to poverty and inequality

I took the client's brief and hand

drawn sketches, committed them

to a wireframe and site structure

before the build reached out to

supporters worldwide

Page 19: IDEAS MAKE ME HAPPY

CONCEPTUALIDEAS

SELF DIRECTED

IDEAS MAKE ME HAPPY

Page 20: IDEAS MAKE ME HAPPY

As a kid I was an avid birdwatcher. I kind of gave it up when I hit my

teens but have a crisp memory of the books I used to used to identify the

birds and my notepad where I kept a record of what I'd seen

The birding apps on the market aren't very good. So I thought I'd create

my own specification and conceptualise a product which might work for

the RSPB

TWITCHERSA BIRDING APP

MOBILE CONCEPT

SOCIAL& COMPETITION

LISTBUILDING

CENSUS& IDENTIFICATION

FUTURETECHNOLOGY

Page 21: IDEAS MAKE ME HAPPY

TWITCHERSA BIRDING APP

MOBILE CONCEPT (Interactive wireframe to come)

Page 22: IDEAS MAKE ME HAPPY

Type the bird name or type in the search field to

bring up content. Use the up arrow to see a list

of all birds of that type, in this case FINCHES

TWITCHERSA BIRDING APP

MOBILE CONCEPT

Enlarge a photo of the bird in flight, hear its

birdcall and switch between the male and female

bird

Press the tick button to add this bird sighting to

your list and submit to the national census

Check your location, switch

between solo / social mode,

edit your profile and see the

weather conditions SPOT A BIRD

Page 23: IDEAS MAKE ME HAPPY

TWITCHERSA BIRDING APP

MOBILE CONCEPT

Link the app with your digital camera binoculars

and take pictures of your sightings and log where

the photograph was taken

Filter when your picture was taken to easily

access early photos

PHOTOGRAPHSwitch between solo and social

mode to look at friends photos

and to share your own

Page 24: IDEAS MAKE ME HAPPY

TWITCHERSA BIRDING APP

MOBILE CONCEPT

Track and compare your sightings across the

month, the year and your lifetime

Switch between views to see exactly how many

birds you saw on any given date

KEEP A RECORDTouch and hold to switch

between solo and social mode

to isolate or compare your

sightings with others

Page 25: IDEAS MAKE ME HAPPY

TWITCHERSA BIRDING APP

MOBILE CONCEPT

See if this bird is a resident or summer / winter

visitor to different parts of the country

See where you saw this bird in the last month,

year or your lifetime

REGISTER LOCATIONSwitch to see where in the

country this bird has been

spotted by others

Page 26: IDEAS MAKE ME HAPPY

TWITCHERSA BIRDING APP

MOBILE CONCEPT

BE NOTIFIEDSet up alerts for when birds

are sighted in your area

Progress, hit

milestones and

be rewarded with

achievements

Page 27: IDEAS MAKE ME HAPPY

ENDLUKE GILES

07954 576 149

[email protected]


Top Related