Case Study

Vymble

Helping friend groups break out of routines and align on what to do together, by matching group moods and surfacing lightweight, spontaneous suggestions.

RoleIndv ProjectYear2025TypeUI/UX
UX ResearchUI DesignPrototypingFigma
Quick breakdown
Hero image for Vymble project page.

TL;DR

What

A mobile concept that helps friend groups pick plans from a shared mood.

My role

Research, IA, interface design, prototyping, and usability testing.

Outcome

A high-fidelity prototype focused on mood matching and quick group planning.

59% of testers said they'd use it daily

01Context Frame
Vymble visual direction frame.

A visual system built for fast group decisions, not endless browsing.

process notes

Research & Constraints

Early interviews with 8 design leads revealed a consistent pain point: feedback was scattered across Slack threads, Figma comments, and Loom videos. The core constraint was building something that respected the async nature of distributed teams while still feeling immediate and conversational.

Key Decision

We chose to anchor feedback directly onto the design artifact rather than as a separate thread. This meant building a custom annotation layer that could handle both pixel-precise pins and free-form area selections, which became the defining interaction of the product.

02Primary Interaction

Mood matching drives the first decision and narrows options in seconds.

03Supporting States
Supporting screen showing group plan suggestions.

Group plans view with clear shared options.

Supporting screen showing favorites and saved options.

Favorites state for quick repeat decisions.

04Interaction Detail

Detail crop highlights quick save and group-favorite feedback states.

05Result Frame
Final result frame from the Vymble interface.

The final surface keeps planning lightweight, fast, and social.

Final outcome visual for Vymble.