Generali365 Application UX Design (Homepage example) 2015-2016

Page 1

UX DESIGN 31.07.15 - REVISION HOME / MAIN MENU / ACCOUNT


31.07.15 - REVISION LOG IN Page 7-8

MAIN MENU Page 11 HOME Page 13 ACCOUNT Page 20

+ แก ไขขั้นตอนการ register + เพ�่มการกรอกรหัสบัตรประชาชนสำหรับ บุคคลทั่วไปและลูกคาประกันเดี่ยว + เพ�่มการกรอก promo code + hightlight deal ควรมีจำนวนประมาณ 2-3 swipes + เพ�่มหมวด saved deal + ใช logo สิงโต เปน icon หมวด Generali News + ยายขอมูล Generali customer personal information ไปไวกับหมวด service


UX DESIGN DIRECTION UX design initial idea

PERCEPTION & EXPERIENCE

INTERFACE

- not exactly sure what the app is about - low energy and encouragement - unintuitive, not a familiar-design interface

- messy structure and classification - simple UI but not UX - color can play significant role

1. Showing whole plan : Show the big picture : Showing point for competing feeling 2. Get to the point! 3. Information Hierarchy : quick scan and remember : group group group! 4. Card design 5. Simple & Practical : good experience :)


UX DESIGN DIRECTION

IDEA #1

It’s good for them to be able to show the whole plan but not every single piece of furniture.

DO ‘room in room’ not a big maze

DONT


UX DESIGN DIRECTION

IDEA #2

Design To Grab Attention At A First Sight : GET TO THE POINT! points are shown to encourage to spend!!!

do Nike


UX DESIGN DIRECTION

IDEA #3

They know what to see first, S M L XL : Information Hierarchy - quick scan and remember

DO

DONT


UX DESIGN DIRECTION

IDEA #3

They know what to see first, S M L XL : Information Hierarchy - quick scan and remember

DO

DONT


UX DESIGN DIRECTION

IDEA #4

group everything group group group! : Card design DO

DONT


UX DESIGN DIRECTION

IDEA #5

To be simple is cool. To be cool isn’t always cool DO

DONT


LAUNCHING APP Requirement Breakdown

Key Priority

Date 9.7.15

2015

Section Account

2016

(User)

2017 2018

Account Register Register Method

Sign In Sign In Method

Profile App Level

By Email

email

By Username*

Username

Edit Register Profile

By Facebook

Facebook

By Facebook*

Facebook

Change Password

Register Field

Others Sign Out

Name

*

Surname Phone Email Type : Type : Image OTP Verify path Password / Username

(Verify

9 )

Current Point App

Uber App

Point Earn

Birthday Point Expiring On XX.XX.XX

Privilege

Address

Show Expiry Date

Interest Complete Your Profile

10,000 P

By Item

OTP

Achievement Level Badge

Badge

Next Challenge Your Badge

Badge

Use Now Verify

Point (Policy, Campaign, Share)

By Item

Add more policy to get more point (1) Group user - Add ID Card No. (2) Non/Idv - Add Policy/ Insured No. How to get point

Gen Customer personal Information**

**

Book Bank (Policy, Campaign, Share)

Add more policy to get more point

email

LOG IN AT LAUNCH

Point

Expiry Date Notification

Facebook

Resend

Point

Transaction

Gender

(Verify Pattern @) ID Card Policy No. Policy No. Insured Member Auto Retrieve

Additional Profile

Sign Out Sign In

Point Status

Badge CCC

Approve

Database


LAUNCHING APP Landing Page

LOGO IMAGE COPY

LOG IN WITH FACEBOOK LOG IN REGISTER

ชิม พัก ชิล รับดีลพ�เศษ จากรานคารวมรายการ กวา 200 รานคา ตลอด วัน LOG IN WITH FACEBOOK LOG IN with Email

REGISTER

Log in with Facebook Log in with Email Generali 365 not a member yet?

REGISTER

สิทธิประโยชนที่ไมวาใครก็ ใช ได

Generali 365

สิทธิประโยชนที่ไมวาใครก็ ใช ได

ชิม พัก ชิล รับดีลพ�เศษ จากรานคารวมรายการ กวา 200 รานคา ตลอด วัน

LOG IN WITH FACEBOOK LOG IN REGISTER

LOG IN WITH FACEBOOK LOG IN

REGISTER


LAUNCHING APP Login

LOG IN with email

Log in with Email email password forget password?

back


LAUNCHING APP Register - direction 1

1/3

2/3

3/3* เลือก - ลูกคาประกัน

REGISTER 1

2

REGISTER 1

3

2

เลือก - บุคคลทั่วไป

REGISTER

REGISTER

3

1

2

1

3

ชื่อ-สกุล

Register with Facebook

2

3

Nutsatit

Panitta

เบอรโทร รหัส OTP

or

resend OTP

คุณเปนลูกคาประกัน Generali หร�อไม? - บุคคลทั่วไป

email

ชื่อ-สกุล เบอรโทร

confirm password

รหัส OTP

เปนลูกคาประกัน generali

Surname

NEXT

ลูกคาประกันเดี่ยว

resend OTP

คุณเปนลูกคาประกัน Generali หร�อไม?

Name

กรุณาเลือกประเภท (เลือกไดมากกวา 1 ขอ)

Nutsatit

Panitta

password

ลูกคาประกันกลุม

กรอกขอมูลสวนตัวใหครบเพ�่อรับ10,000 point! ฟร� เปนบุคคลทั่วไป

NEXT

ID No.

1234561234567

Policy No.

AA

Insured No.

-

1234

-

123456

1234

-

12

REGISTER by creating an Generali 365 Account, you agree to the Terms & Conditions

กรุณากรอกรหัสประจำตัวประชาชน

by creating an Generali 365 Account, you agree to the Terms & Conditions

PRO collect all consumer data

by creating an Generali 365 Account, you agree to the Terms & Conditions

CON drop-off risk

12

REGISTER


LAUNCHING APP

Register direction 2 : recommended

1/2

2/2

REGISTER

REGISTER

1

1

2

2

Register with Facebook or

ชื่อ-สกุล

Nutsatit

Panitta

เบอรโทร

email

รหัส OTP

password confirm password

NEXT

resend OTP

คุณเปนลูกคาประกัน Generali หร�อไม? (เลือกไดมากกวา 1 ขอ)

ลูกคาประกันเดี่ยว

ลูกคาประกันกลุม

บุคคลทั่วไป

REGISTER

by creating an Generali 365 Account, you agree to the Terms & Conditions

PRO short registration avoid drop off

by creating an Generali 365 Account, you agree to the Terms & Conditions

CON uncompleted consumer data (User can fill this somewhere else in the app instead)


LAUNCHING APP Register

REGISTRATION COMPLETED without point reward

with point reward

ยินดีตอนรับสู GENERALI 365! Panitta Nutsatit

ยินดีตอนรับสู GENERALI 365! Panitta Nutsatit

10,000 point

ENJOY GENERALI 365!

คุณได 10,000 point เปน welcome reward!

ENJOY GENERALI 365!


HOME + MAIN MENU Requirement Breakdown

Key Priority

Date 9.7.15

2015

Section Home

2016

,

2017 2018

Home Application Instruction

Highlight Generali Highlight Facebook Live Content Hilight Deal Complete Your Profile You May Also Like

Generali Post

How to Register

Facebook

How to redeem

10,000 P

How to send gift

HOME

Detail

How to get Point

Deal Content

Terms & Conditions

Gift

User

MAIN MENU

Section


MAIN MENU

6 MAIN MENUS adding ‘promo code’ feature

Direction 1

20,000 POINTS

Panitta Nutsatit

1,000 point will expired on 7 August 2015

Direction 2

20,000

20,000

POINTS

promo code

Panitta Nutsatit

got a promo code?

POINTS

Panitta Nutsatit

got a promo code?

1,000 point will expired on 7 August 2015

PROMO CODE

HOME PRIVILEGE

HOME

HOME PRIVILEGE

SERVICE SERVICE CONTACT HOW TO USE THIS APP

promo code

PROMO CODE?

1,000 point will expired on 7 August 2015

CONTACT

HOW TO USE THIS APP


MAIN MENU

Method of ‘room in room’ not one big maze

6 MAIN MENUS

SUB MENU

SUB SUB MENU

MAIN MENU 1

MAIN MENU 1

MENU

SS1

SS2

SS3

MAIN MENU 1 MAIN MENU 2 MAIN MENU 3 MAIN MENU 4 MAIN MENU 5 MAIN MENU 6

ป.1-ป.6

S1

S2

S3

S4

ป.6/1-ป.6/5

S5

S1

S2

S3

S4

S5

ป.6/1 หอง ก, ข, ค


HOME

HOME

20,000

HIGHLIGHT DEAL

current points

กรอกขอมูลสวนตัวใหครบเพ�่อรับ10,000 point! ฟร� >>

HIGHLIGHT DEAL

DEAL NAME

10%

DEAL YOU MAY LIKE

DEAL NAME

10%

DEAL NAME

10%

free!

10,000 point

10,000 point

DEAL NAME

DEAL NAME

DEAL NAME

10%

10%

10%

free!

10,000 point

10,000 point

DEAL NAME

DEAL NAME

DEAL NAME

10% free!

10%

10,000 point

DEAL YOU MAY ALSO LIKE

MY SAVED DEAL

10%

10,000 point

GENERALI FB FANPAGE GENERALI NEWS


HOME Details

DEAL NAME

HOME

DEAL NAME

DEAL NAME

20,000

Panitta Nutsatit

10%

10%

10%

free!

10,000 point

10,000 point

DEAL NAME

DEAL NAME

DEAL NAME

10%

10%

10%

free!

10,000 point

10,000 point

DEAL NAME

DEAL NAME

DEAL NAME

10%

10%

10%

free!

10,000 point

10,000 point

DEAL NAME

DEAL NAME

10%

10%

free!

10,000 point

POINT STATUS BAR : Minimize when scroll up

SEE ALL DEALS >>

PRIVILEGE 10,000 point

SEE ALL DEAL -> PRIVILEGE SECTION : at the end of ‘Highlight deal’


MAIN MENU

HOW TO USE THIS APP

HOW TO USE THIS APP APPLICATION INSTRUCTION

TERM & CONDITION

HOW TO USE THIS APP APPLICATION INSTRUCTION

TERM & CONDITION

HOW TO USE THIS APP APPLICATION INSTRUCTION

TERM & CONDITION

HOW TO USE THIS APP APPLICATION INSTRUCTION

TERM & CONDITION

HOW TO USE THIS APP APPLICATION INSTRUCTION

TERM & CONDITION

CONTENT 1

HOW TO REGISTER ขั้นตอนการลงทะเบียน

HOW TO GET POINT ขั้นตอนการเพ�่มแตม

HOW TO REDEEM ขั้นตอนการยื่นสิทธิ์

HOW TO SEND GIFT ว�ธีการสง Gift ใหเพ�่อน

1

1

1

1

2

2

2

2

CONTENT 2

CONTENT 3

CONTENT 4

CONTENT 5

3

3

3

3

CONTENT 6

CONTENT 7

APPLICATION INSTRUCTION

T&C


ACCOUNT

Requirement Breakdown

Key Priority

Date 9.7.15

2015

Section Account

2016

(User)

2017 2018

Account Register Register Method

Sign In Sign In Method

Profile App Level

By Email

email

By Username*

Username

Edit Register Profile

By Facebook

Facebook

By Facebook*

Facebook

Change Password

Register Field

Others Sign Out

Name

*

Surname Phone Email Type : Type : Image OTP Verify path Password / Username

(Verify

9 )

Current Point App

Uber App

Point

Transaction

-

Point Earn

Point

Birthday

Book Bank (Policy, Campaign, Share)

Point Expiring On XX.XX.XX

Privilege

Address

Show Expiry Date

Interest Complete Your Profile

Point (Policy, Campaign, Share)

10,000 P

Add more policy to get more point (1) Group user - Add ID Card No. (2) Non/Idv - Add Policy/ Insured No. How to get point

Gen Customer personal Information**

OTP email

move to ‘Service’ section

Achievement Level Badge

Badge

Next Challenge Your Badge

Badge

Use Now **

Verify

By Item

Add more policy to get more point

Facebook

Resend

By Item

Expiry Date Notification

Gender

(Verify Pattern @) ID Card Policy No. Policy No. Insured Member Auto Retrieve

Additional Profile

Sign Out Sign In

Point Status

Badge CCC

Approve

Database


ACCOUNT Point

ACCOUNT Panitta Nutsatit CURRENT AMOUNT :

20,000 points

ACCOUNT

Enter your passcode

ALL TRANSACTION

1 4 7

2 5 8 0

3 6 9 x

EARN

REDEEM

EXPIRED DATE

20 JUL

+10,000

Campaign : description

20 JUL

-10,000

Campaign : description

20 JUL

+10,000

Policy : description

20 JUL

- 10,000

Campaign : description

Point Achievement Level

exp. 14/09/2015

exp. 14/09/2015

REDEEM !

Profile


ACCOUNT

Point > Expired date

ACCOUNT Panitta Nutsatit CURRENT AMOUNT :

20,000 points ALL TRANSACTION

EARN

REDEEM

EXPIRED DATE

JUL

1

10,000

Point from Campaign : description

15 JUL

10,000

Point from Campaign : description

25 JUL

10,000

Point from Policy : description

30 JUL

10,000

Point from Campaign : description

REDEEM !


ACCOUNT Point >

How to get more point? POP UP

ACCOUNT

1. ADD INFO TO GET POINTS! -- กรุณาเลือกประเภท --

ACCOUNT

ลูกคาประกันเดี่ยว Policy No.

Panitta Nutsatit CURRENT AMOUNT :

20,000 points

AA

Insured No.

ลูกคาประกันกลุม

-

1234

-

123456

บุคคลทั่วไป 1234

-

-

12

12

หาขอมูลนี้ไดงายๆจากบัตรทองของคุณ

10,000

2. OR GOT A PROMO CODE?

คุณได 10,000 point !

point

REDEEM !

REDEEM !

REDEEM !

ยินดีดวย! Panitta Nutsatit

REDEEM !

Add promo code

All

ACCOUNT

buttons go to “Privilege Section”


ACCOUNT

Gen Customer personal Information

ACCOUNT GENERALI CUSTOMER PERSONAL INFORMATION ฐานขอมูลลูกคา ชื่อ

Panitta

เบอรโทร

0865454171

อีเมล ที่อยู

pnitta

นามสกุล Nutsatit @

ซอย

ถนน

อำเภอ

จังหวัด

me.com

SUBMIT CHANGE * * Call center จะติดตอไปยังลูกคาเพ�่อเปนการเพ�่อยืนยันการเปลี่ยนแปลงฐานขอมูล

Gen Customer personal Information (ขอมูลกรมธรรม) will move to ‘Service’ section


ACCOUNT

Achievement Level

ACCOUNT

ACCOUNT

ACCOUNT

NEXT CHALLENGE

ALL BADGES

ALL BADGES

BADGE NAME

BADGE NAME

BADGE NAME

BADGE NAME

get it!

description

BEAT IT!

get it! BADGE NAME

YOUR BADGES

get it! BADGE NAME

get it! BADGE NAME

BADGE NAME

get it!

description

BADGE NAME

get it!

description get it!

get it!

get it!

BADGE NAME

BADGE NAME

BADGE NAME

get it!

get it!

get it!

see all

BADGE NAME

BADGE NAME

ALL BADGES

grid view

get it!

description

description

list view

YOUR BADGES, ALL BADGES

get it!


ACCOUNT Profile

ACCOUNT

20,000 POINTS

Panitta Nutsatit ชื่อ-สกุล

Panitta

เบอรโทร

0865454171

อีเมล

pnitta

Nutsatit

@

me.com

- ADDITIONAL PROFILE -

กรอกขอมูลสวนตัวใหครบเพ�่อรับ10,000 point! ฟร�

เพศ

วันเกิด

หญิง

ชาย

ที่อยู ซอย

ถนน

อำเภอ

จังหวัด

ความสนใจ SUBMIT TO GET 10,000 POINT

SAVE CHANGES

when they come editing their info (they already filled and got 10,000 point)


THANK YOU!!

Please feel free to comment :)


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.