ILISTEN VISUAL DESIGN PRCOESS

• Concept (iOS)

• Scenario (iOS)

• UI flow (Android)

• Prototype (Android)

• UI design (Android)

• App (Android)

ILISTEN

VISAUL COMMUNICATIONPART.1 FOR IOS

SCENARIOFIRST PRESENT TO RD

WIREFRAME

WIREFRAME

WORKING MODELBY ATEN

VISAUL COMMUNICATIONUI STYLE

more texture / more pattern / dark style

VISAUL COMMUNICATIONPART.2 FOR ANDROID

VISAUL COMMUNICATIONUI EVOLUTION

HOMEPAGE SIGNAL

VISAUL COMMUNICATIONUI EVOLUTION

COMMUNICATION EMERGENCY

VISAUL COMMUNICATIONUI EVOLUTION

BY CODE

BY DESIGN

LAYOUT/common-use size /common-use button /same style

LAYOUT/common-use size /common-use button /same style

LAYOUT/common-use size /common-use button /same style

ICON DESIGN

iOS icon Android icon

TARNSITION / ANIMATIONBY FLASH

TARNSITION / ANIMATIONBY AE