This document describes the design process for a proximity-based social networking app for college students called Coffy. It outlines observations of student behavior that identified needs for efficient use of time and career advice. An initial app idea and design are proposed to allow users to connect socially near campus cafes and during free time. Further research on existing apps and iterations of the design are discussed through wireframes and screenshots of the app.

1. Design for Smartphones & Ipads Coco Ye
Design for Smartphones & Ipads
Coco Yip

2. Design for Smartphones & Ipads Coco Ye
Observed Group
Approximately 40 students in the Axinn Library Café
On 2nd February, 1:30-4:30 pm

3. Design for Smartphones & Ipads Coco Ye
Group Environment

4. Design for Smartphones & Ipads Coco Ye
Group Members

5. Design for Smartphones & Ipads Coco Ye
Group Members

6. Design for Smartphones & Ipads Coco Ye
Group Members

7. Design for Smartphones & Ipads Coco Ye
Group Members

8. Design for Smartphones & Ipads Coco Ye
Unmet Needs
- Efficient use of fragments of time
- Career advice on the go

9. Design for Smartphones & Ipads Coco Ye
Observation Summary
- People who sit alone tend to look around every minute.
- Most of the people would eat alone because they have different schedules with friends.
- More than 50% of the people come to café alone.

10. Design for Smartphones & Ipads Coco Ye
Draft Idea of the App
A proximity app that take advantage of college student’s free time
to social in a meaningful way.

11. Design for Smartphones & Ipads Coco Ye
Ideation Session

12. Design for Smartphones & Ipads Coco Ye
Research on Apps

13. Design for Smartphones & Ipads Coco Ye
Research on Apps

14. Design for Smartphones & Ipads Coco Ye
Tighter App Design
Home screen:
• Surrounding map with online users
• Nearby café
• Instant chats

15. Design for Smartphones & Ipads Coco Ye
Tighter App Design
Lower level screen #1 People:
• Friends recommendation
• Search friends by name or tags

16. Design for Smartphones & Ipads Coco Ye
Tighter App Design
Lower level screen #2 Chats:
• Manage chats
• Start new chats
• Search chats by content

17. Design for Smartphones & Ipads Coco Ye
Tighter App Design
Lower level screen #3 Me:
• View and edit profile
• Manage user’s tags

18. Design for Smartphones & Ipads Coco Ye
User Scenario

19. Design for Smartphones & Ipads Coco Ye
Group Members

20. Design for Smartphones & Ipads Coco Ye
Group Members

21. Design for Smartphones & Ipads Coco Ye
Selected words:
Proximity // Coffee // Career
Naming Process

22. Design for Smartphones & Ipads Coco Ye
Name choices:
Coffy // Kafi // Cafay
Selected name:
Coffy
Naming Process

23. Design for Smartphones & Ipads Coco Ye
Logo Design Process

24. Design for Smartphones & Ipads Coco Ye
Logo Design Process
Coffy

25. Design for Smartphones & Ipads Coco Ye
Wireframes

26. Design for Smartphones & Ipads Coco Ye
Application Screenshots