UI Design
.
Web Design
.
Responsive
The New York Public Library
The New York Public Library
Role
Role
UX Research, UI Design, Design System, Motion Graphics
UX Research, UI Design, Design System, Motion Graphics
Team
Team
Yoonseo Jeong , Hailey Ho Sang, Michelle Kong, Liya Yan
Yoonseo Jeong , Hailey Ho Sang, Michelle Kong, Liya Yan
Duration
Duration
4 months (15 Weeks)
4 months (15 Weeks)
Tools
Tools
Figma, Miro, Adobe CC
Figma, Miro, Adobe CC
Design Process
Design Process
Discover
Discover
01
01
NYPL Research
Affinity Map
Paint Points
Insights
NYPL Research
Affinity Map
Paint Points
Insights
Define
Define
02
02
Persona
How Might We
User Testing Insights
Persona
How Might We
User Testing Insights
Ideate & Design
Ideate & Design
03
03
Final UI
Design Statement
Design System
Final UI
Design Statement
Design System
Reflection
Reflection
04
04
How to Measure
Key Takeaways
How to Measure
Key Takeaways
Problem
Problem
NYPL has a vast collection of books, research materials, and community programs, however people struggle to access theses contents.
NYPL has a vast collection of books, research materials, and community programs, however people struggle to access theses contents.
Pet parents struggle to understand whether a product fits their pet’s needs because key information is buried in dense text and low visual hierarchy. The website’s plain layout and static promotional areas fail to capture attention or guide exploration, causing users to leave before discovering relevant details.
As a result, choosing the right product becomes overwhelming, especially for users who need to compare multiple items.
Pet parents struggle to understand whether a product fits their pet’s needs because key information is buried in dense text and low visual hierarchy. The website’s plain layout and static promotional areas fail to capture attention or guide exploration, causing users to leave before discovering relevant details.
As a result, choosing the right product becomes overwhelming, especially for users who need to compare multiple items.
Solution
Solution
NYPL has a vast collection of books, research materials, digital resources and community programs, however people struggle to access theses contents.
NYPL has a vast collection of books, research materials, digital resources and community programs, however people struggle to access theses contents.
Key feature 01
Key feature 01
Event Sphere
Event Sphere
Personalized dashboard that allows users to search, plan, and edit events based on their interests. This cohesive, visual overview streamlines the entire process, making event engagement more intuitive.
Personalized dashboard that allows users to search, plan, and edit events based on their interests. This cohesive, visual overview streamlines the entire process, making event engagement more intuitive.
Category Search
Category Search
Quick access by interest categories
Quick access by interest categories
Classes & Workshops
Classes & Workshops
Screenings
Screenings
Family & Youth
Family & Youth
Readings
Readings
Technology
Technology
Technology
Technology
Lectures
Lectures
Culture & Hertiage
Culture & Hertiage
Event Details
Event Details
Helps users quickly understand key details
Helps users quickly understand key details
Personalized Dashboard
Personalized Dashboard
A customized view of upcoming events in one place
A customized view of upcoming events in one place
Calendar
Calendar
Review, edit, and personalize events
Review, edit, and personalize events
Overview
Overview
01
01
What I noticed
What I noticed
Users want to involve their family in meaningful cultural and creative activities.
Users want to involve their family in meaningful cultural and creative activities.
02
02
Validation
Validation
Journey mapping revealed that users struggled most during the discovery and decision-making phases.
Journey mapping revealed that users struggled most during the discovery and decision-making phases.
03
03
Solution & Goal
Solution & Goal
To reframe event planning as an enriching experience that motivates participation.
To reframe event planning as an enriching experience that motivates participation.
04
04
Outcome
Outcome
Testing showed users became confident and more motivated when discovering events.
Testing showed users became confident and more motivated when discovering events.
Key feature 02
Key feature 02
Research Hub
Research Hub
Allows users to save resources from external databases directly in the NYPL app. By centralizing materials, the NYPL helps users save time and streamline the research process so they can focus on what NYPL has to offer.
Allows users to save resources from external databases directly in the NYPL app. By centralizing materials, the NYPL helps users save time and streamline the research process so they can focus on what NYPL has to offer.
Folder Organization
Folder Organization
Users can create folders for and organize to their liking,; they can easily access diverse range of content on demand.
Users can create folders for and organize to their liking,; they can easily access diverse range of content on demand.
Articles
Articles
Graphs
Graphs
Book
Book
Visual Data
Visual Data
Maps & Figures
Maps & Figures
Reports
Reports
Sharing Resources
Sharing Resources
Users can select specific content to share with people/group within their community, making it easier to spread knowledge and utilize NYPL resources.
Users can select specific content to share with people/group within their community, making it easier to spread knowledge and utilize NYPL resources.
ss235 Economics Class Group, SS234 Economics Class Group
ss235 Economics Class Group, SS234 Economics Class Group
Add people/ groups
Add people/ groups
People with access
People with access
Jamie Williams (Owner)
Jamie Williams (Owner)
Next
Next
SHAR
RTICLE
SHAR
RTICLE
ss235 Economics Class Group, SS234 Economics Class Group
ss235 Economics Class Group, SS234 Economics Class Group
Message
Message
Share
Share
SS234 Economics Class
SS234 Economics Class
SHAR
RTICLE
SHAR
RTICLE
ss235 Economics Class Group, SS234 Economics Class Group
ss235 Economics Class Group, SS234 Economics Class Group
Done
Done
SHAR
RTICLE
SHAR
RTICLE
Add people/ groups
Add people/ groups
People with access
People with access
Jamie Williams (Owner)
SS234 Economics Class
Jamie Williams (Owner)
SS234 Economics Class
All in One
All in One
Materials can be saved into one place on the hub
Materials can be saved into one place on the hub
Content Options
Content Options
Users can move, duplicate, hare, and edit the content in their folders for ease of use and organization.
Users can move, duplicate, hare, and edit the content in their folders for ease of use and organization.
Overview
Overview
01
01
What I noticed
What I noticed
Users struggled to manage digital resources across different platforms.
Users struggled to manage digital resources across different platforms.
02
02
Validation
Validation
Journey mapping revealed that the current system leads users to repeat searches and information loss.
Journey mapping revealed that the current system leads users to repeat searches and information loss.
03
03
Solution & Goal
Solution & Goal
To create a hub where users could store, retrieve, and manage information effortlessly.
To create a hub where users could store, retrieve, and manage information effortlessly.
04
04
Outcome
Outcome
Testing showed users achieved smoother workflow and faster access to resources.
Testing showed users achieved smoother workflow and faster access to resources.
Key feature 03
Key feature 03
Peer Society
Peer Society
Users can explore peer-generated content, filter it to their interests, and connect with others at events. This creates a community-driven space where research and collaboration become more engaging.
Users can explore peer-generated content, filter it to their interests, and connect with others at events. This creates a community-driven space where research and collaboration become more engaging.
Podcast 01
Podcast 01
Professional insights shared through podcasts
Professional insights shared through podcasts
Peer’s Choice
Peer’s Choice
Weekly highlights based
on user engagement and Personalized content suggestions on homepage
Weekly highlights based
on user engagement and Personalized content suggestions on homepage
Overview
Overview
01
01
What I noticed
What I noticed
Users want to connect and collaborate with professionals studying in their field.
Users want to connect and collaborate with professionals studying in their field.
02
02
Validation
Validation
Journey mapping revealed that the current app did not support ongoing, relationship-based collaboration.
Journey mapping revealed that the current app did not support ongoing, relationship-based collaboration.
03
03
Solution & Goal
Solution & Goal
To create an environment where users discover peer content, connect, and collaborate.
To create an environment where users discover peer content, connect, and collaborate.
04
04
Outcome
Outcome
Testing showed users achieved smoother workflow and faster access to resources.
Testing showed users achieved smoother workflow and faster access to resources.
Nathan l 35
Nathan l 35
Graphic Designer
Graphic Designer
I want to engage my family in enriching cultural and creative activities.
I want to engage my family in enriching cultural and creative activities.
HMW
HMW
How might we make the time spent planning, scheduling and attending events an enriching experience?
How might we make the time spent planning, scheduling and attending events an enriching experience?
Event Sphere
Event Sphere
Jamie l 28
Jamie l 28
Teacher
Teacher
I need to organize the resources and have them on hand when I need to source them.
I need to organize the resources and have them on hand when I need to source them.
HMW
HMW
How might we create a system to place found references for seamless transitions of information?
How might we create a system to place found references for seamless transitions of information?
Research Hub
Research Hub
Liam l 30
Liam l 30
Medical Resident
Medical Resident
I need to connect with peers and experts for research collaboration.
I need to connect with peers and experts for research collaboration.
HMW
HMW
How might we create an engaging environment where users can collaborate effectively?
How might we create an engaging environment where users can collaborate effectively?
Peer Society
Peer Society
Define
Define
Persona & How Might We
Persona & How Might We
User research revealed not only how people interact with the NYPL app, but also where they struggled the most. By mapping out these pain points, clear patterns began to emerge, which were developed into personas that brought the users’ voices into every stage of the design process.
User research revealed not only how people interact with the NYPL app, but also where they struggled the most. By mapping out these pain points, clear patterns began to emerge, which were developed into personas that brought the users’ voices into every stage of the design process.
Research
Research
Discover
Discover
User research revealed not only how people interact with the NYPL app, but also where they struggled the most. By mapping out these pain points, clear patterns began to emerge, which were developed into personas that brought the users’ voices into every stage of the design process.
User research revealed not only how people interact with the NYPL app, but also where they struggled the most. By mapping out these pain points, clear patterns began to emerge, which were developed into personas that brought the users’ voices into every stage of the design process.
Community
Community
Want to know more and engage with more library events, be able to discuss/interact with community about their finds/interests
Want to know more and engage with more library events, be able to discuss/interact with community about their finds/interests
Personalization
Personalization
Needed recommendations of books, resources for their interests, and also felt there is a lack of customization to aid their reading standards
Needed recommendations of books, resources for their interests, and also felt there is a lack of customization to aid their reading standards
Accessibility
Accessibility
An easy way to access materials and keeping track of them/ have them all in one place.
Too many steps, external sites that leads to frustrations.
An easy way to access materials and keeping track of them/ have them all in one place.
Too many steps, external sites that leads to frustrations.
Affinity Mapping
Affinity Mapping
User Testing Insights
User Testing Insights
Peta-Gaye (48)
Peta-Gaye (48)
It would be nice if I could personalize the app more. ✍️
It would be nice if I could personalize the app more. ✍️
I couldn’t really tell what each icon meant. 🤔
I couldn’t really tell what each icon meant. 🤔
Vicky (24)
Vicky (24)
Christina (23)
Christina (23)
Yunjae (25)
Yunjae (25)
There’s just too much text on this page...
There’s just too much text on this page...
It’s hard to find things without categories. 😨
It’s hard to find things without categories. 😨
Design Statement
Design Statement
The New York Public Library’s design system is re-envisioned to embrace creativity and innovation, reflecting its mission of inspiring lifelong learning and strengthening communities.
Through playful compositions, vibrant and intentional color usage, and valuable experience, the NYPL app is positioned at the forefront of supporting an informed society.
The New York Public Library’s design system is re-envisioned to embrace creativity and innovation, reflecting its mission of inspiring lifelong learning and strengthening communities.
Through playful compositions, vibrant and intentional color usage, and valuable experience, the NYPL app is positioned at the forefront of supporting an informed society.
Design Systems
Design Systems
How to Measure
How to Measure
reflection
reflection
🌟
🌟
🌟
🌟
🌟
🌟
Success will be measured by a 30% increase in event sign-ups and participation, along with a 20% rise in return visits to physical NYPL locations.
Success will be measured by a 30% increase in event sign-ups and participation, along with a 20% rise in return visits to physical NYPL locations.
Success will be measured by maintaining an average engagement rate of 15%—including likes, comments, and shares. High participation and consistent, valuable contributions will indicate the platform’s effectiveness.
Success will be measured by maintaining an average engagement rate of 15%—including likes, comments, and shares. High participation and consistent, valuable contributions will indicate the platform’s effectiveness.
Success will be measured by a return rate of 40% of users using Research Hub is achieved as well as a 25% increase in saved resources.
Success will be measured by a return rate of 40% of users using Research Hub is achieved as well as a 25% increase in saved resources.
Resume
Resume
@ 2025 Yoonseo Jeong
@ 2025 Yoonseo Jeong