The document outlines the visual design process for an app, including concepting for iOS, creating scenario and UI flows for both iOS and Android, prototyping on Android, and refining the UI design. It also discusses visual communication aspects like UI style, evolution, layout, icon design, and transition/animation.

1. ILISTEN VISUAL DESIGN PRCOESS
• Concept (iOS)
• Scenario (iOS) ILISTEN
• UI flow (Android)
• Prototype (Android)
• UI design (Android)
• App (Android)

2. VISAUL COMMUNICATION
PART.1 FOR IOS

3. SCENARIO
FIRST PRESENT TO RD

4. WIREFRAME

5. WIREFRAME

6. WORKING MODEL
BY ATEN

7. VISAUL COMMUNICATION
UI STYLE
more texture / more pattern / dark style

8. VISAUL COMMUNICATION
PART.2 FOR ANDROID

9. VISAUL COMMUNICATION
UI EVOLUTION
HOMEPAGE SIGNAL

10. VISAUL COMMUNICATION
UI EVOLUTION
COMMUNICATION EMERGENCY

11. VISAUL COMMUNICATION
UI EVOLUTION
BY CODE
BY DESIGN

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

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

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

15. ICON DESIGN
iOS icon Android icon

16. TARNSITION / ANIMATION
BY FLASH

17. TARNSITION / ANIMATION
BY AE