Cample - Campus based marketplace and social hub for college students
Cample is a campus-based app that helps college students buy and sell second-hand items and connect with others. Students can find great deals, share activities, and organize group events—all in one secure,
easy-to-use platform that brings the campus community closer together.
Role
Product Designer
Team
Stella Lim
Hope Jang
Daniel Kang
Yoonjeong Choi
Jay Kwon
Joshua Paik
Yechan Choi
Timeline
April 2024 - July 2025
Client
Luxe Beauty
Year
2023
Scope
Brand Strategy, UX/UI Design
My Contribution
Where I came in: UI revamp
I joined midway to transform the existing UI into a high-fidelity design. My role involved conducting competitive analysis, iterating on designs, running usability and A/B tests, refining the interface based on feedback, and creating design system. I worked closely with front- and back-end developers to ensure smooth handoff and implementation.
Competitive Analysis
Customizable search makes browsing feel less overwhelming.
I began by analyzing 4 second-hand marketplace apps and 2 community-based platforms to uncover opportunities for improving both usability and user engagement in Cample. My research had two main goals:
Identify features that could improve the current design and better support user needs.
Analyze how leading apps structure their navigation to align with user expectations and mental models.
Findings
Karrot
Strong local focus with location-based item listing
Smooth chat and listing flow for quick transactions
Mercari
Clean UI with strong product visuals and minimal clutter
Transparent seller ratings and product view counts
OfferUp
Clear filtering by price, condition, and location
Navigation between sections can feel disconnected
ZeeMee
Fosters real-time interaction and campus engagement
Navigation can feel content-heavy and cluttered
Poshmark
Social features (sharing, following) drive engagement
Overwhelming due to excessive upfront information
Yee Yak
Casual, Meme-like UI promotes casual sharing
No structured navigation; relies heavily on scrolling
Key Insights
Based on findings from the competitive analysis, I identified key opportunities to improve Cample's design.
Smart Filters
Let users filter by price range and item condition to support more intentional browsing.
Community Bridge
Add Flash banners in marketplace to guide users naturally between shopping and community events.
Product Transparency
Show view counts and contact stats to increase transparency and user confidence.
Clear Navigation
Redesign the navigation to match users' natural browsing flow, reducing friction.
Design Refinement #1
Leveraged insights into actionable changes that improved functionality and flow.
* These visuals capture part of the iteration—more enhancements were made across the platform.
Smart Filters
Before
After
Community Bridge
Before
After
Product Transparency & Navigation
Before
After
Usability & A/B Testing
Users responded best to interfaces that made core actions immediate and effortless.
I conducted usability and A/B testing with 4 users across marketplace, flash, agora, and chat to uncover pain points, gather feedback, and validate design decisions for UI improvements.
Findings
Marketplace
Flash
Agora
Sketching
Sketching design improvements based on user feedback.
Using insights from usability and A/B testing, I explored design refinements through sketching to resolve user pain points. This process focused on improving layout clarity, visual hierarchy, and navigation flow to ensure features like Marketplace, Flash, and Agora aligned more closely with user needs and expectations.
Design Refinement #2
Enhancing overall design by addressing incomplete and missing touchpoints.
Building on sketching, I refined ideas in Figma by resolving incomplete flows, layout inconsistencies, and missing touchpoints, while introducing a design system that ensured visual consistency and improved usability for a more cohesive user experience.
Communication with Developers
Streamlining Collaboration with Structured Interaction Flows in Google Sheets.
I used Google Sheets to map out interaction flows with clear screen transitions and button behaviors, making it easier for developers to understand, implement, and provide feedback.
Design System
Final Product
Cample
Onboarding
Homepage & Profile
Marketplace
Chat & Review
Flash
Agora
Reflection
What I learned.
Growing as a Designer
Cample was my first year-long project outside of class and it taught me to grow fast. I honed my figma skills, buidling interactive flows and keeping files organized for developers. More than just leveling up my tools, I learned how to think big, stay adaptable, and collaborate with clarity.
Communicating with Developers
Working with developers taught me how important clear and open communication was. I learned how to explain my design choices, adapt when certain ideas weren't feasible, and stay aligned throughout the implementation process.
Importance of a Design System
In the beginning, the designs lacked consistency and direction. Without a structured system, collaboration felt messy and revisions were hard to manage. Introducing a unified system made a huge difference. It brought clarity to our workflow, created a consistent visual language, and made developer handoffs much smoother and more efficient.