Top Banner
DESIGN + EXPERIENCE
46

Design at TransferWise

Jan 12, 2017

Download

Design

Nilan Peiris
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Design at TransferWise

DESIGN + EXPERIENCE

Page 2: Design at TransferWise

THE DESIGN TEAM

Page 3: Design at TransferWise

MikeUI + UX

KishUI + UX

DerekVisual

IvanCopy

Page 4: Design at TransferWise

186 CITY ROAD

Page 5: Design at TransferWise
Page 6: Design at TransferWise
Page 7: Design at TransferWise
Page 8: Design at TransferWise
Page 9: Design at TransferWise

DESIGNING AT TRANSFERWISE

Page 10: Design at TransferWise

What are designers like to work with?

Page 11: Design at TransferWise

Working with engineers

Page 12: Design at TransferWise

Designer Engineer

Product Manager

Engineer

Engineer

Engineer

Customer Support

What designers at TransferWise are like to work with

Page 13: Design at TransferWise

Building a design culture

Page 14: Design at TransferWise

UX / UI DESIGN

Page 15: Design at TransferWise

Yep… still a pig

Design is more than just…

Page 16: Design at TransferWise

Good UX is about creating seamless end to end experiences

Page 17: Design at TransferWise

As UX/UI designers our role is create beautiful, intuitive interfaces that are immediately understandable and easy to use.

Design

User Experience

Page 18: Design at TransferWise

…the wall of shame

Page 19: Design at TransferWise

OUR DESIGN PRINCIPLES

Page 20: Design at TransferWise

Informed Our decisions are based on our customer insights, not our opinions. We gathered these insights from speaking to our customers and looking at the data. We test > We iterate > We validate > We ship.

Page 21: Design at TransferWise

Empowering The money we transfer belongs to our customers. They know what is happening to it, what will happen to it and what did happen to it at all points during the process. They feel in control because they are in control.

Page 22: Design at TransferWise

Cohesive Using TransferWise is an end-to-end experience, our product is built by one company. Users do not have to relearn our product, we reuse before we redesign.

Page 23: Design at TransferWise

Transparent No Hidden Fees - they are obvious, digestible and understandable. The user understands our product because it is clear and can therefore make decisions fairly.

Page 24: Design at TransferWise

Upfront Our customers trust us with their money, their identity and their time. We are informative about our process from the start. They feel confident in our product and understand what they need to do and why.

Page 25: Design at TransferWise

Clear We don't distract and we don’t hide. We don’t do small print, and we don’t do information overload. We reduce. We show the right information at the right time.

Page 26: Design at TransferWise

USER CENTRICITY

Page 27: Design at TransferWise

If we have data, let’s look at data. If all we have are opinions, let’s go with mine.

- Jim Barksdale, former CEO Netscape

Page 28: Design at TransferWise

If we have data, let’s look at data. If all we have are opinions, let’s go with mine.

- Jim Barksdale, former CEO Netscape

“Customer insightsCustomer insights

get some customer insights

Page 29: Design at TransferWise

Solving the wrong problem

Executing in the wrong way

What happens without customer insight?

Page 30: Design at TransferWise

How do we gain customer insights?

- Customer interviews - User testing, A/B tests - Data (yes… we still need data)

Page 31: Design at TransferWise

THEN WHAT?

Page 32: Design at TransferWise

SOFTWARESketch

Omnigraffle Zeplin

Skala Preview

FramerJS After EffectsScreenFlow

Marvel

Page 33: Design at TransferWise

WIREFRAME

Page 34: Design at TransferWise

MOCK UP

Page 35: Design at TransferWise

PROTOTYPEhttps://marvelapp.com/djc087#6871002

Page 36: Design at TransferWise

BUILD

Page 37: Design at TransferWise

TEST

A+B

Page 38: Design at TransferWise

AND THE RESULT

Page 39: Design at TransferWise

Turn this…

Page 40: Design at TransferWise

Enter Amount Select Person Money sent

To this

Page 41: Design at TransferWise

So that everyone

Page 42: Design at TransferWise

WHO’S DOING IT WELL

Page 43: Design at TransferWise

https://stripe.com

Page 44: Design at TransferWise

https://revolut.com

Page 45: Design at TransferWise

https://cash.me

Page 46: Design at TransferWise

DESIGN IS NEVER FINISHED

[email protected]