About Philosophy Contacts
iPhone home screen mockup
cursor
DESIGNING
BETTER
EXPERIENCE
UI/UX design portfolio  |  jAEYEON YOO
Hi! I’m Jaeyeon Yoo
I am transforming social insights into human centered design solutions!
🎓 Education: UC San Diego
B.A. Political Science - International Relations (IR)
Minor | Cognitive Science - Design
Tools
Figma
Notion logo
Notion
Claude Code logo
Claude Code
Adobe Illustrator icon
Adobe
Illustrator
Re:closet -  How can we make sustainable living feel effortless?
It is a mobile application that reduces fast-fashion waste through clothing up-cycling and donation
Re:closet app splash screen mockup
PROBLEM & RESEARCH
Fast fashion and its textile waste are growing environmental challenges
The fashion industry generates 92 million tons of textile waste annually, while the average person in the U.S. discards 81.5 pounds of clothing each year.

To address this, we designed a prototype that encourages sustainable purchasing habits.
pile of discarded clothing
source: Earth.Org, “10 Concerning Fast Fahion Waste Statistics” (2023).
user insights
Women aged 20–30 with higher income are highly interested in sustainable fashion

Around 80%+ of respondents fit this profile

Around 98% expressed interest in eco-friendly actions
up-cycling demographic chart
textile waste chart
survey data collected via Google Forms
source: Earth.Org, “10 Concerning Fast Fahion Waste Statistics” (2023).
DESIGN GOALS
clothes icon
Allow
for convenient clothing donation
recycle icon
Reinforce
users’ awareness of their environmental impact
global impact icon
Foster
long-term sustainable practices through the app
USER INTERFACE
Log daily outfits screen
1
Log daily outfits
Users can record their daily outfits in the calendar.
Least worn clothes screen
2
Find least-
worn clothes
Users can easily identify underused items.
Donate unwanted clothes screen
3
Donate unwanted clothes!
Users can conveniently donate unwanted clothes with a donation box delivered to their door.
Thank you for donating screen
4
Earn reward points
Users earn points redeemable for upcycled products.
Track your impact screen
5
Track your impact
The app visualizes carbon emission reductions from each donation.
Re:Closet Store screen
6
Redeem upcycled products!
Users can redeem earned points for upcycled products.
INTERACTIVE PROTOTYPE
Figma prototype cover See how it works
Figma interactive prototype screen grid
Campulse –  How can campus safety alerts became more actionable?
It is a mobile application that protects campus life through self-alert system
Campulse app splash screen mockup
problem & research
Import safety alerts get buried in crowded inboxes
UCSD delivers campus safety and event updates via official emails, but many students overlook them due to lengthy and the high volume of daily emails.
crowded inbox of safety alert emails
How effective do you think the current campus safety notificaiton system is?
Around 70% of respondents perceived the current campus safety alert system as ineffective.

The most common reasons were that safety alerts were buried among other emails (68.4%), users often overlooked the emails (47.4%), and it was difficult to identify the urgency or importance of the alerts (47.4%).
survey bar chart on campus safety notification effectiveness
survey data collected via Google Forms
design goals
alert bell icon
Make
campus incident updates easier and faster
community diversity icon
Create  an environment where campus communities actively share safety information
 User interface
report incident screen
2
Report incidents
Users can report incidents by selecting a category, adding a description, and uploading a photo.
Sensitive details can be submitted optionally.
campus incident map screen
1
View incidents on the map
Users can view campus incidents on an interactive map.
3
Track incident status
Incidents are categorized by status and updated in real time.
incident status legend: clear, in progress, unresolved
: Reported incident has been resolved.
: Incident is under investigation or being addressed.
: Incident has not yet entered the resolution process.
My Page settings screen
MY PAGE
Functions
1
 View report history
monthly reports panel
yearly reports panel
Users can track their monthly and yearly report history.
2
2
 Manage notifications
notification settings panel
Users can choose which incident notifications to receive.
Interactive prototype
Figma prototype cover See how it works
Figma interactive prototype screen grid
Spill the tea -  Why Gen Z trusts people over research?
It is a social discovery platform designed to discover authentic coffee spots through recommendations
Spill the tea app splash screen mockup
PROBLEM & opportunity
Sharing favorite cafes has become a growing social trend among Gen Z, with many discovering new places through friends and social media rather than traditional search platforms
iced coffee drinks on a counter
matcha drinks at a cafe counter
However, existing platforms focus on ratings and text-based reviews, making it difficult to capture the atmosphere and overall experience that make each cafe or drink memorable.
This shift presents an opportunity to create a more engaging way to discover and recommend coffee and matcha spots.
my ranking of drinks panel
review app screenshot with ratings
DESIGN GOALS
favorite recommendation icon
Make
cafe recommendations more visual and trustworthy
share recommendation icon
Encourage
users to share their favorite coffee and tea spots
map discovery icon
Help
users discover aesthetic places through recommentations
 User interface
drink category preferences screen
1
Select preferences
Users can select their favorite drink categories, such as matcha, coffee, and tea.
preference tags panel
2
Log your drinks
Users can capture and log drinks in the in-app calendar, where each entry appears as a star-shaped marker.
log drink entry card
3
Rank your favorites
Users can rank their top three drinks and save ratings, locations, and personal notes.
my ranking screen
bottom navigation pill icons
Main Navigation
1
My list
My list screen with saved drinks
Browse drinks shared by other users and save favorites to their collections.
2
Snap it
Snap it upload/take photo screen
Upload or capture drink photos to their calendars.
3
Community
Community nearby cafes map screen
Explore nearby cafes and drink recommendations shared by the community.
Interactive prototype
Figma prototype cover See how it works
Figma interactive prototype screen grid
DESIGN PHILOSOPHY
I believe thoughtful digital design should solve real-world problems and improve everyday experiences through pratical AI - powered solutions
Core Design Strengths
• UX research
• Wireframing
• Prototyping
• Usability Testing
contacts
📧
jaeyeon0215@gmail.com
LinkedIn logo
LINKEDIN
☎️
(669) 245 - 0994