A high-level overview of a (prototypical) design process

2. 10 THINGS
WE DO

3. GATHERING / INSIGHTS /
IDEATION / CONCEPT /
USER JOURNEYS /
INTERACTION FLOWS /
UI SKETCHES /
WIREFRAMES / VISUAL
EXPLORATIONS /
VISUAL DESIGN

4. 01

5. GATHERING / INSIGHTS /
IDEATION / CONCEPT /
USER JOURNEYS /
INTERACTION FLOWS /
UI SKETCHES /
WIREFRAMES / VISUAL
EXPLORATIONS /
VISUAL DESIGN

6. defining service challenge and aspiration / collecting and
absorbing information like a sponge / discovering first still
blurred structures / findings
GATHERING

7. 02

8. GATHERING / INSIGHTS /
IDEATION / CONCEPT /
USER JOURNEYS /
INTERACTION FLOWS /
UI SKETCHES /
WIREFRAMES / VISUAL
EXPLORATIONS /
VISUAL DESIGN

9. the bottom-line of motivation / the why why why of habits of users
INSIGHTS
the very fundamental knowledge of truths of what people want and WHY they want it
based on user research or an extract of findings from gathering

10. 03

11. GATHERING / INSIGHTS /
IDEATION / CONCEPT /
USER JOURNEYS /
INTERACTION FLOWS /
UI SKETCHES /
WIREFRAMES / VISUAL
EXPLORATIONS /
VISUAL DESIGN

12. idea creation based on insights /
diverging and converging /
brainstorming techniques /
clustering and filtering / killing
90% of ideas / the 10% are the
essential features of the service
IDEATION

13. 04

14. GATHERING / INSIGHTS /
IDEATION / CONCEPT /
USER JOURNEYS /
INTERACTION FLOWS /
UI SKETCHES /
WIREFRAMES / VISUAL
EXPLORATIONS /
VISUAL DESIGN

15. ME
V
V
V
V
V
VV
V
!"#$%&$
SITUATION
SITUATION
SITUATION
SITUATION
SITUATION
SITUATION
SITUATION
SITUATION
!"#$%&$
!"#$%&$
!"#$%&$
ROLE
ROLE
ROLE
ROLE
ROLE
ROLE
ROLE
ROLE
brings all aspects of the
service into one system /
the systems design / the
base and the ultimate
synapsis and reference /
mapping values, insights,
features / metaphors
(“itʼs an orbit!”)
CONCEPTUAL
MODEL

16. VIRAL
FANDO
M
VIRALFANDOM
VIRALFANDOM
VIRAL
FANDO
M
VIRALFANDOM
VIRALFANDOM
SHOPPING
REWARDS
PAYMENTS
MANAGEMENT
MONEY-2-FRIENDS
GIFT-2-FRIENDS
OFFERS-2-FRIENDS
PAYMENT HISTORY
CARD BALANCE BACK-UP
ACCOUNT INFO
ONE-CLICK PAYMENT
NFC PAYMENT
SHOPPING REWARDS
OFFERS
REMITTANCES
SOCIAL MONEY
CHARITY
IOU
SENDING “CUP OF COFFEE”
“KLEINE GESCHENKE ERHALTEN DIE FREUNDSCHAFT”
TOP-UP
TOP-UP FRIENDS
PRICE COMPARISON
BAR CODE SCAN
IOU
BLUEBAR
PHYSICAL CARD PAYMENT
CHARITY VOUCHERS

17. PRIVACY PROTECTOR MULTIPLE IDENTITIES CONTEXTUALITY / SITUATIONALITY
PRIVATE NUMBER
SOCIAL NUMBER
V
SIM
PRIVATE NUMBER
SOCIAL NUMBER
WORK NUMBER
V
SIM V
PRIVATE NUMBER
SOCIAL NUMBER
FACEBOOK NUMBER
WORK NUMBER
FAMILY NUMBER
CAR SALE NUMBER
EBAY NUMBER
US NUMBER
UNKNOWN
PEOPLE
NUMBER
V
V
V
V
V
V
SIM
V VIRTUAL NUMBER
the base and the ultimate synapsis and reference / facts that shape the system / mapping values, insights, features / metaphors (itʼs an orbit!)

18. VIRTUAL
NUMBER
SOCIAL GROUP (FAMILY, FLAT MATES, START-UP, TENNIS CLUB, KEGELVEREIN, ...)HOME OF
SCHOOL
DELIVERY GUY
NEIGHBOR
GRANNY SOCIAL CLUB
GARDENERHOSPITAL
CALLS
REACHES REACHES
the base and the ultimate synapsis and reference / facts that shape the system / mapping values, insights, features / metaphors (itʼs an orbit!)

19. 05

20. GATHERING / INSIGHTS /
IDEATION / CONCEPT /
USER JOURNEYS /
INTERACTION FLOWS /
UI SKETCHES /
WIREFRAMES / VISUAL
EXPLORATIONS /
VISUAL DESIGN

21. use cases, use scenarios / the service in real life scenarios /
express the value proposition / from first use to super use
understanding the implications / the device enters the stage /
USER JOURNEYS

22. the service meets real life scenarios / understanding the implications / the device enters the stage / express the value proposition / from first use to super use

23. the service meets real life scenarios / understanding the implications / the device enters the stage / express the value proposition / from first use to super use

24. 06

25. GATHERING / INSIGHTS /
IDEATION / CONCEPT /
USER JOURNEYS /
INTERACTION FLOWS /
UI SKETCHES /
WIREFRAMES / VISUAL
EXPLORATIONS /
VISUAL DESIGN

26. the scenarios that take
place on-device / step-by-
step flows / each step is a
screen / understanding the
complexity / making it
simple
INTERACTION
FLOWS

27. ENTER
NAME,
EMAIL, PW,
PHONE
NUMBER
CLICK ON
SIGN-UP
LINK
PHONE
RINGS FOR
CONFIR-
MATION
REAL WORLD INTERACTION
ENTER
CREDIT
CARD
DETAILS
CHOOSE
PAY-AS-
YOU-GO AS
PAYMENT
OPTION
IF USER
CHOOSES
SUBSCRIPTION
PLAN
IF USER
CHOOSES PAY-
AS-YOU-GO
MAIN APP
PAGE
FINISH
SIGN-UP
CHOOSE
COUNTRY
PACK
CHOOSE
MINUTE
PACK
SHOW
CONFIR-
MATION /
FINISH
SIGN-UP
PHONE
NUMBER
CONFIR-
MATION
USER
RECEIVES
CONFIR-
MATION
EMAIL
ENTER
NAME,
EMAIL, PW,
PHONE
NUMBER
CHOOSE
TOP-UP
AMOUNT
ENTER
CREDIT
CARD
DETAILS
FIRST THREE SIGN-UP STEPS CAN BE DONE
DIRECTLY ON HOME PAGE AS WELL AS THROUGH
SEPARATE SIGN-UP PAGE
INCLUDES AN
OPTION FOR
MONTHLY AUTO
RENEWAL
the scenarios that take place on-device / step-by-step flows / each step is a screen

28. 07

29. GATHERING / INSIGHTS /
IDEATION / CONCEPT /
USER JOURNEYS /
INTERACTION FLOWS /
UI SKETCHES /
WIREFRAMES / VISUAL
EXPLORATIONS /
VISUAL DESIGN

30. exploring different interaction models /
natural metaphors of interaction / paper
prototypes
UI SKETCHES

32. exploring different interaction models / natural metaphors of interaction / paper prototypes

33. 08

34. GATHERING / INSIGHTS /
IDEATION / CONCEPT /
USER JOURNEYS /
INTERACTION FLOWS /
UI SKETCHES /
WIREFRAMES / VISUAL
EXPLORATIONS /
VISUAL DESIGN

35. interaction model manifest / the class system of elements / switches, indicators, functional fields / interaction paradigms / visibility / mapping / feedback /
the narrative interface / semantics
WIREFRAMES

36. 09

37. GATHERING / INSIGHTS /
IDEATION / CONCEPT /
USER JOURNEYS /
INTERACTION FLOWS /
UI SKETCHES /
WIREFRAMES / VISUAL
EXPLORATIONS /
VISUAL DESIGN

38. the taste of an app / atmospherics / sweet / sweet-sour / spicy / create 2 - 4 directions and taste them / expressing the values of a service
VISUAL EXPLORATIONS

39. 10

40. GATHERING / INSIGHTS /
IDEATION / CONCEPT /
USER JOURNEYS /
INTERACTION FLOWS /
UI SKETCHES /
WIREFRAMES / VISUAL
EXPLORATIONS /
VISUAL DESIGN

41. bringing it to life / color / shape / composition /
grids / production work for hand-over to developmentVISUAL DESIGN

42. GATHERING / INSIGHTS /
IDEATION / CONCEPT /
USER JOURNEYS /
THANK YOU / FLOWS / UI
SKETCHES /
WIREFRAMES / VISUAL
EXPLORATIONS /
VISUAL DESIGN