Aaron lee griffiths portfolio

AARON-LEE GRIFFITHS
UX/UI Designer

I am a UX/UI Designer with a vibrant technical ability
and a knowledge of trends.
I have worked with companies to develop apps that
have solved real world problems.
I look to create products that not only look pleasant but
have the user do less.
I focus on user research, prototyping and user testing to direct a
product in the development process.
I have strong communication, problem solving and creative skills.
Creating products that fulfill a users needs brings a great deal of
joy.??
I still love the feel of old school pen and paper which translate
into a lot of my visual designs

Interface design
My areas of Focus
User TestingResearch

ScreenUp
Smuvi Visual Design
TalkTalk

What is ScreenUp?
A conceptual app designed to streamline
the way users experience going to the
cinema
Why is this unique?
In a generation where things are evolving,
the way users go to the cinema remains
unchanged; outdated and riddled with
problems
Key Roles
● Conducting User Research
● Wireframing
● Create high fidelity design
● User testing
ScreenUp

Create an app prototype that simplifies the experience when
going to the cinema.

It all started with Interviewing 15 cinema-goers aged between 16-24 to
gain an insight into how they felt about going to the cinema.
‘’Oh dear a long queue.
We still have to join
even though we have
pre booked online, how
annoying”
‘’Wow what a trailer!,
what film is that?, who
is in it? Oh no, I’ve
forgotten the title of it
already, argh!oh well.
‘’I fancy some more
snacks but i’d hate to
miss this film,ahhh i’ll
be quick”
‘’Goodness, that long
queue meant i’ve
missed the best bit, was
I really that long?”

A Storyboard shows how an app can solve these outlined problems...
‘’Glad we used
ScreenUp, we can skip
the queue”
‘’Wow, I can see more
information about the
trailer here”
‘’I fancy some more
snacks but i’d hate to
miss this film,i’ll reserve
snacks with the app”
‘’Oh boy, I haven’t even
missed much, great
stuff”

The storyboard also reveals issues that come along with creating the
app, as well as the screens necessary for interaction.
● How will cinema’s get on board?
● Distracting phone light when
using app in cinema
● Will there be an open wifi to link
the interface to the cinema, or a
code?
● Offline mode?
❏ Find a film
❏ e-ticket
❏ Trailer information (Sync)
❏ Snack menu
❏ Outgoing snack orders
?

Using the Storyboard and a few pixels, we created Mike and Jenny, who
will take us along the story.
MikeJenny

We identified the key tasks and the feelings they would need to feel as
they perform them.
Mike
Jenny
Age: 23
Job: Engineer
Tech Savvy:
Age: 22
Job: Marketing
Tech Savvy:
We need to...
● Find/book films
● Get Past kiosks
● Find screen/seats
● see film details
● Not join queues
● See a menu
● Collect food
● Get notifications
● Miss less of film
● Use app quickly
Whilst considering...
● The time using device
● Staff interactions
● People not using the app
● Distracting us from the film

User Flows allowed us to demonstrate how the key tasks will be
performed by the user and the prioritised screens they will see .
Step 1:
Tap book button Step 2:
Fill form and tap arrow
Step 3:
confirm and pay
Step 4:
Receive E-ticket
Step 1:
Tap See button
Step 2:
Select on now to see
what’s on screen
Step 3:
Film info is shown

Step 1:
Tap Eat button
Step 2:
Choose from menu
Step 3:
Edit, pay and
confirm order
Step 3:
See time until
ready + E-ticket

Home Screen
Booking form to fill Shows a list of films on
Choice of food shown Basket check and confirm
Confirm order,before
finalising
E-ticket is shown
Results are shown
based on availability
from search parametres
Can choose from film on
screen or a trailer that was
shown
Film info is shown

High Fidelity prototypes show revisions and provide a realistic look and
feel for the app
Home Screen Fill Details Select a time Get E-ticket

The ‘going for a snack’ screen needed to eradicate queues, prevent
missing the film whilst not being a distraction.
1
2
3
4
5
6
9
1. Menu Swipe
2. Search Function
3. Categories
4. Time-stamp
5. Bold add button
6. Countdown timer
7. Processing icon
8. Swipe to delete
9. Place Order
8
7

However I am able to say, this body of work involved
creating an app from the drawing board right to being
marketed.
Which included market research, interviews, user testing,
prototyping and liaising with the marketing team and
shareholders

What is Smuvii?
A loyalty card app for a gelato franchise
based in london
Why is this unique?
Smuvi focuses on displaying information users NEED
to see so they spend more time eating ice cream and
reaping loyalty benefits for the purchases they make
Key Roles
● Conducting User Research
● Wireframing
● Create high fidelity design
● User testing
smuvi

The aim was to create a loyalty card app prototype

It all started with some Surveys to get an insight
Problems

Which lead to a solution being hypothesised
● A simplified point system
● Ice cream cone visualisation to quickly see points and prizes
● Dedicated rewards tab to quickly see if a reward is redeemable
● Pinned QR scanner for quickly adding receipts
● Favourite store for indication
● Map to alert users when they are local, to entice them
● Recent purchases to keep them tracked
● Accidental redeem prevention tool

Open Card sorting showed how users would react to the hypothesis and
see how they would like elements grouped
Welcome Page Rewards
Scanner
Score
Rewards
Rewards Map
More
Recent Purchases
Favourite Store

Then emerged Paul, who likes a sweet treat now and then...
Craig

We identified the key tasks and how he should feel when performing
them.
Craig
Age: 25
Job: Accountant
Tech Savvy:
I need to...
● See overall points
● See how many points till next reward
● See how many points already accumulated
● See what I can get with the points I have
● Add points from old receipt
● Transfer physical card info
But please consider...
● I may actively be in the queue
● I may just be double checking while at the till
● I may not want ice cream ( convince me )

Step 1:
Open app
Step 2:
See points on landing
Step 1:
Tap ‘scan voucher’
Step 2:
Once lined up, tap the
relevant
Step 3:
Once successful, notification
will appear

Step 1:
Either tap ‘claim’ or
swipe to ‘rewards’
Step 2:
Select from list of
‘prizes’
Step 3:
Confirm selection
Step 4:
QR is shown, ready to
show to cashier

Prototyping gave an idea where to position key elements and what they
would be
Point System (home)
Rewards
Profile
2. Numeric indicator to indicate
points for clarity.
1. Large visual quickly shows
points till next reward.
3. Visual percentage representation
to quickly illustrate progress,triggers
emotional determination.
4. Separated point bank Shows
amount of rewards present.
6.Rewards are listed from highest
class to lowest class, the amount the
‘cones’ will get you.
5.Points bank is shown at top.
7. Search function.
8. Range indicator, a user knowing
they are in close range is more likely to
purchase
9.Recent purchases to keep users
updated.
10. Favourite store For curious
users.
1
2
3
4
6
5
7
8
9
10

High Fidelity Prototypes show revisions and provide a realistic look and
feel for the app
Point System (home)
Rewards Profile

The ability to redeem points had to be as simple as possible
1 2 3
User taps on reward they
would like to redeem.
Then is given choice on
quantity and the chance
to verify.
The code is displayed ready
to be scanned and is only
redeemed if it is scanned.
Preventing mistakes and a
loss of points
This app assumes the user
chooses there flavour choice at
the counter

And now, some lovely stuff to see...

Visual Design UXPayment System (web)

Visual Design UXItem select (web)

Thank You for viewing
Feel free to contact below

Aaron lee griffiths portfolio

Recomendados

Recomendados

Más contenido relacionado

Similar a Aaron lee griffiths portfolio

Similar a Aaron lee griffiths portfolio (20)

Último

Último (20)

Aaron lee griffiths portfolio