Xiaoming Zhang
Ciao

Social Experience Platform

Making campus connection easier to begin.

A social experience platform that helps college students discover activities, understand what to expect, and feel confident joining in.

Timeline
10 Weeks · Spring 2025
Goal
Reduce uncertainty · Build confidence · Encourage participation
Project
College Case Study
Role
UX Lead
Ciao social experience platform shown across event discovery and participation screens

Project Overview

Helping college students move from curiosity to confident participation.

Ciao is a social experience platform designed for college students who want a more active social life but often hesitate because of uncertainty, social pressure, and fragmented event information.

Rather than simply showing more events, Ciao helps students understand what to expect, discover relevant activities, and feel more confident taking the first step.

Outcome

A clearer path from discovering an event to joining the first conversation.

The final concept connects curated event discovery, event details, calendar planning, participation confirmation, and group chat into one continuous experience.

Through usability testing and iterative refinement, we simplified key actions, improved information hierarchy, and reduced moments of hesitation throughout the journey.

My Role

Translating research into a clear end-to-end experience.

As UX Lead,I translated research findings into the product strategy and structured Ciao's end-to-end experience—from discovering an event to joining the first conversation.

I led research synthesis, information architecture, core user flows, wireframing, prototyping, and usability validation, while collaborating with the team on visual design and final product direction.

Research Plan

How we explored students' social experiences

We combined quantitative and qualitative research to understand how college students discover, evaluate, and participate in social activities.

48

Survey responses

10

User interviews

09

Shadowing sessions

08

Cultural probes

A student observed during a shadowing research session in a cafe
Shadowing students in everyday campus settings revealed behaviors that rarely surfaced in interviews.
Shadowing research evidence

Shadowing

Observing how students move through everyday social spaces.

Research synthesis research evidence

Research synthesis

Comparing patterns across survey and interview responses.

Cultural probe research evidence

Cultural probe

Capturing routines and emotions outside formal interviews.

Affinitization

Turning hundreds of observations into four clear themes

We grouped repeated behaviors and statements, combined overlapping patterns, and distilled the evidence into four opportunity areas.

600+

Evidence notes

114

Initial clusters

63

Synthesized findings

4

Opportunity areas

Affinity mapping of research observations
Affinity mapping reduced raw observations into four themes: personal growth, social connection, meaningful engagement, and club visibility.

Research Synthesis

From research evidence to four opportunity areas

We compared recurring behaviors and statements across methods, clustered related evidence, and translated those patterns into four themes that could guide the product direction.

01CollectSurvey, interviews, shadowing, and cultural probes
02ClusterRepeated needs, behaviors, and participation barriers
03SynthesizeFour evidence-backed opportunity areas

Key Insights

01

Personal Growth

Students want social experiences to support deeper self-understanding—not simply fill their time.

Students seek deeper self-understanding.

They often plan for study, but rarely plan for their overall life experience.

02

Social Connection

Time with friends is both the motivation for participating and the gateway to a wider social circle.

Students value spending time with friends and are eager to expand their social circles.

03

Meaningful Engagement

Students look for activities that interrupt repetitive routines and add purpose beyond the classroom.

Many students feel stuck in repetitive daily routines.

Students want a better balance between academic responsibilities and personal life.

Club activities add purpose and enrichment to extracurricular life.

04

Club Visibility

Participation depends on timely information and a club atmosphere that feels welcoming and easy to enter.

Accurate and timely club information is difficult to access.

Indoor club events continue to play a meaningful role.

Students appreciate clubs with a welcoming, friendly atmosphere.

Personas

Two students, two different barriers to connection.

Our personas helped us look beyond a single student background. Na Li needs reassurance when entering an unfamiliar social environment, while Kevin needs an easier way to find the right people and turn shared interests into plans.

Na Li persona showing her background, motivations, goals, and barriers to social connectionKevin Smith persona showing his background, motivations, goals, and difficulty finding collaborators

How Might We

Connecting discovery, confidence, and belonging

The research showed that participation is not a single decision. Students first need to find something meaningful, understand what to expect, and feel socially supported enough to join. These connected needs shaped the experience we explored through ideation.

01Build confidence

How might we reduce uncertainty and help college students feel confident taking the first step toward a social activity?

Unclear expectations / social pressure / fear of joining alone

02Make discovery meaningful

How might we help students discover activities that feel personally relevant and meaningful beyond the classroom?

Repetitive routines / personal growth / relevance to interests

03Create belonging

How might we help students feel welcomed and connected before, during, and after joining an activity?

Reliance on friends / inclusive atmosphere / lasting connection

Guiding How Might We

How might we help college students move from discovering a relevant activity to confidently participating and connecting with others?

User Scenarios

Exploring two connected user scenarios.

During ideation, we sketched two connected scenarios to explore how Ciao could support both sides of a shared activity: someone organizing it and someone deciding whether to join.

01 · Event organizer

Kevin

Kevin has an idea for a social activity but needs a clearer way to turn it into a plan and find people who want to join.

  1. Kevin considers what kind of activity to organize.

    01

    Finds an idea

  2. He turns the idea into a clear event with a time and location.

    02

    Creates the event

  3. Participant activity gives him confidence that the plan can happen.

    03

    Sees people join

02 · Event participant

Lina

Lina wants to meet people through a relevant activity and needs enough context and reassurance to feel comfortable joining.

  1. She finds an activity that feels relevant and signals that she will attend.

    01

    Discovers and joins

  2. The event gives her a low-pressure setting to spend time with new people.

    02

    Takes part

  3. The shared experience creates a natural reason to continue the conversation.

    03

    Stays connected

Future-state Journey Maps

Mapping how the experience could unfold.

During ideation, we mapped a possible journey for each persona—from the first social impulse to taking part and staying connected. This helped us identify where Ciao could reduce uncertainty and support better decisions.

Na Li's user journey map from awareness through after-event reflection

01 · Participant journey

Na Li

Kevin's user journey map from awareness through after-event reflection

02 · Organizer journey

Kevin

Design direction

Ciao would not simply list more events. It would lower the emotional cost of joining one.

From broad ideas to a structure we could test.

We first opened up the solution space, then organized possible features into a clear product hierarchy before drawing the first screens.

01

Diverge

Crazy 8 opened the solution space.

We sketched quickly and without judging feasibility, exploring different ways students could discover, organize, join, and remember shared activities.

Crazy 8 brainstorming sketches exploring possible Ciao features
02

Organize

Card sorting turned ideas into shared categories.

As a team, we grouped related functions and aligned on five primary areas. The exercise exposed overlap, clarified labels, and gave the product a simpler organizing logic.

The full Ciao team organizing feature cards on a window; Xiaoming is wearing a purple shirt
The full team arranging features together
Card sorting board preserving the team's original feature labels and grouping
03

Structure

The sitemap translated groups into product hierarchy.

The card-sort categories became the foundation for the sitemap. Discovery remained primary, while posting, community, and profile functions stayed accessible without competing with the main journey.

Ciao sitemap created from the card-sorting categories
04

Make concrete

Low-fidelity sketches focused the first screen set.

With the hierarchy established, we moved into paper wireframes for onboarding, event discovery, posting, community, and profile flows—turning the structure into screens we could discuss and revise quickly.

Onboarding and interest-selection paper wireframesHome, community, chat, and profile paper wireframesEvent creation and event-detail paper wireframesCommunity and posting paper wireframes

Design principles

Three principles guided what stayed in the experience.

01

Reduce overwhelm

Curate choices and make event information easy to scan.

02

Lower social risk

Show enough context to make attendance feel predictable.

03

Trigger action

Turn interest into one small, reversible next step.

Ciao core user flow
The primary flow takes users from Home → Event Detail → Calendar → Confirmation → Chat.

Brand system

Turning connection into a welcoming visual language.

The identity balances the energy of meeting someone new with enough calm and clarity to make the first step feel easy.

01 · Name and voice

Ciao logo

A simple greeting

“Ciao” can open or close a conversation, making the name informal, familiar, and easy to remember.

A bridge between people

Its sound also echoes 桥 (qiáo), “bridge” in Chinese—a metaphor for helping students form new connections.

Step out, say ciao.

02 · Color with intent

Invitation

#F9E346

Energy and a clear invitation to act

Openness

#A5CDFF

Calm, approachable spaces for discovery

Trust

#3A9CFF

Clarity and reassurance at key moments

Identity

#7A5AF8

Creative, social, and distinctly Ciao

Black, white, and soft gray support hierarchy and readability, keeping the brighter colors purposeful rather than decorative.

Typography

Poppins

Rounded geometric forms keep product information contemporary and legible while maintaining a friendly character.

Tone of voice

Youthful · Friendly · Refreshing
Chill · Fun · Low-pressure · Creative

Testing showed where confidence still broke down.

Eleven participants completed four core flows. SUS, NPS, focus groups, and expert reviews helped us separate surface-level preferences from moments that genuinely blocked action.

76.59

Average SUS score

38.9/45

Expert review score

+36%

NPS improvement

Ciao usability testing
Participants tested event discovery, joining, creation, and map-based exploration.

From evidence to iteration

We focused on the moments where users paused—not only where they failed.

01

Make the first screen feel welcoming

The revised entry experience reduced ambiguity and gave the product a clearer, friendlier first impression.

Make the first screen feel welcoming

02

Group events by time

Separating today from upcoming events made schedules easier to scan and helped users plan with more confidence.

Group events by time

03

Simplify creation choices

Focusing the menu on the most common actions reduced hesitation and helped users complete tasks faster.

Simplify creation choices

04

Make the map interactive

Clearer hierarchy and location context turned the map from decoration into a useful discovery tool.

Make the map interactive

A connected path from curiosity to belonging.

The final experience supports students before, during, and after an event: discover something relevant, understand what to expect, join with confidence, and stay connected.

Ciao final product overview

01 · Discover

Find events that feel relevant now.

Curated discovery and time-based grouping reduce the work of deciding where to start.

Find events that feel relevant now.

02 · Create

Share without navigating a complicated menu.

Focused actions make it easier to create a post or event without second-guessing the format.

Share without navigating a complicated menu.

03 · Connect

See community signals before committing.

Social context gives users a clearer sense of who is participating and what the experience will feel like.

See community signals before committing.

04 · Collaborate

Bring student groups and local businesses into the same ecosystem.

Partnership tools help the platform offer richer, more trustworthy experiences beyond campus listings.

Bring student groups and local businesses into the same ecosystem.

Designing for participation means designing for emotional safety.

Ciao taught me that event discovery is only the visible part of the problem. The deeper challenge is helping people feel informed, expected, and welcome before they arrive.

What I learned

Small interface changes—reordering actions, simplifying copy, and clarifying hierarchy—can meaningfully reduce hesitation.

What I would explore next

I would test repeat participation across a semester and explore recommendations based on shared interests and previous attendance.