social media action page.
Designing the first iteration of Voices for Children's new method of spreading awareness - a social media posting tool for graphics, sample posts, and steps toward raising awareness.
Role
Lead UX Designer
Platform
Mobile, Web
Time Frame
1 month
Employer
Voices for Children
Areas
Research, Design, Strategy
social media action page.
Designing the first iteration of Voices for Children's new method of spreading awareness - a social media posting tool for graphics, sample posts, and steps toward raising awareness.
Role
Lead UX Designer
Platform
Mobile, Web
Time Frame
1 month
Employer
Voices for Children
Areas
Research, Design, Strategy
social media action page.
Designing the first iteration of Voices for Children's new method of spreading awareness - a social media posting tool for graphics, sample posts, and steps toward raising awareness.
Role
Lead UX Designer
Platform
Mobile, Web
Time Frame
1 month
Employer
Voices for Children
Areas
Research, Design, Strategy
Background
Advocating via social media
As a small nonprofit based in San Diego county, Voices for Children (VFC) wanted to find more effective ways to reach out and educate many about foster children advocacy through social media. They had promotional material for their initiatives, but were confused why nobody was using it.
Background
Advocating via social media
As a small nonprofit based in San Diego county, Voices for Children (VFC) wanted to find more effective ways to reach out and educate many about foster children advocacy through social media. They had promotional material for their initiatives, but were confused why nobody was using it.
Background
Advocating via social media
As a small nonprofit based in San Diego county, Voices for Children (VFC) wanted to find more effective ways to reach out and educate many about foster children advocacy through social media. They had promotional material for their initiatives, but were confused why nobody was using it.
Researching the Problem
Where are the Promotional Materials?
Following preliminary research and user testing, the problem was clear - nobody could find VFC's promotional material. Once users were directed to the promotional materials, they were still confused about what to do with a blank and uninviting google drive page. To solve this problem, my team and VFC agreed that the best way forward would be to create a new page dedicated to hosting promotional materials instead of the lone google drive link.
This begged the question: How might we guide users to share promotional materials in an easy-to-understand way while also allowing VFC to easily update and maintain these materials?
Promotional materials were hidden behind an easy-to-miss button.
Users were confused why they were in a google drive folder.
Researching the Problem
Where are the Promotional Materials?
Following preliminary research and user testing, the problem was clear - nobody could find VFC's promotional material. Once users were directed to the promotional materials, they were still confused about what to do with a blank and uninviting google drive page. To solve this problem, my team and VFC agreed that the best way forward would be to create a new page dedicated to hosting promotional materials instead of the lone google drive link.
This begged the question: How might we guide users to share promotional materials in an easy-to-understand way while also allowing VFC to easily update and maintain these materials?
Promotional materials were hidden behind an easy-to-miss button.
Users were confused why they were in a google drive folder.
Researching the Problem
Where are the Promotional Materials?
Following preliminary research and user testing, the problem was clear - nobody could find VFC's promotional material. Once users were directed to the promotional materials, they were still confused about what to do with a blank and uninviting google drive page. To solve this problem, my team and VFC agreed that the best way forward would be to create a new page dedicated to hosting promotional materials instead of the lone google drive link.
This begged the question: How might we guide users to share promotional materials in an easy-to-understand way while also allowing VFC to easily update and maintain these materials?
Promotional materials were hidden behind an easy-to-miss button.
Users were confused why they were in a google drive folder.
Solution
Introducing how to use the promotional materials
As lead designer on this new page, my main challenge was finding a way to present the promotional materials that would show users the purpose of these materials and how to easily share them.
After quickly prototyping a few ideas and charting user flows, we settled on a page that would present users with media graphics and shareable messages in an easy-to-follow format while allowing VFC to quickly modify these materials to highlight their newest initiatives.
Early lofi tests for the sample messages.
The final version of the sample message template.
Solution
Introducing how to use the promotional materials
As lead designer on this new page, my main challenge was finding a way to present the promotional materials that would show users the purpose of these materials and how to easily share them.
After quickly prototyping a few ideas and charting user flows, we settled on a page that would present users with media graphics and shareable messages in an easy-to-follow format while allowing VFC to quickly modify these materials to highlight their newest initiatives.
Early lofi tests for the sample messages.
The final version of the sample message template.
Solution
Introducing how to use the promotional materials
As lead designer on this new page, my main challenge was finding a way to present the promotional materials that would show users the purpose of these materials and how to easily share them.
After quickly prototyping a few ideas and charting user flows, we settled on a page that would present users with media graphics and shareable messages in an easy-to-follow format while allowing VFC to quickly modify these materials to highlight their newest initiatives.
Early lofi tests for the sample messages.
The final version of the sample message template.
Final Designs
Finishing the Job
In our two rounds of user testing and iteration thereafter, both the users and the VFC marketing team were delighted by the page's accessibility and its consistency with the VFC brand. After another round of polish to better fit the VFC design language, we handed off our final designs to VFC for implementation.
Final Designs
Finishing the Job
In our two rounds of user testing and iteration thereafter, both the users and the VFC marketing team were delighted by the page's accessibility and its consistency with the VFC brand. After another round of polish to better fit the VFC design language, we handed off our final designs to VFC for implementation.
Final Designs
Finishing the Job
In our two rounds of user testing and iteration thereafter, both the users and the VFC marketing team were delighted by the page's accessibility and its consistency with the VFC brand. After another round of polish to better fit the VFC design language, we handed off our final designs to VFC for implementation.
More Projects.
Volunteer + Donation Action Pages
Voices for Children | 2024
SNS Salon + Beauty Supply
SNS Salon + Beauty Supply | 2024
StallMate: Bathroom Kiosk
UCSD| 2023
More Projects.
Volunteer + Donation Action Pages
Voices for Children | 2024
SNS Salon + Beauty Supply
SNS Salon + Beauty Supply | 2024
StallMate: Bathroom Kiosk
UCSD| 2023
More Projects.
Volunteer + Donation Action Pages
Voices for Children | 2024
SNS Salon + Beauty Supply
SNS Salon + Beauty Supply | 2024