The Work

The Work

I led the Meta Family Center project to enhance UI/UX and content, designing four key modules to improve user trust and engagement. These modules provided accessible and relatable resources for users, focusing on simplifying product understanding, promoting digital well-being, and offering actionable guidance for navigating online platforms securely. By incorporating expert partnerships and practical tools, the project created a more inclusive and supportive experience for all users, particularly teens and families.

I led the Meta Family Center project to enhance UI/UX and content, designing four key modules to improve user trust and engagement. These modules provided accessible and relatable resources for users, focusing on simplifying product understanding, promoting digital well-being, and offering actionable guidance for navigating online platforms securely. By incorporating expert partnerships and practical tools, the project created a more inclusive and supportive experience for all users, particularly teens and families.

Focus

Focus

User Research

UI/UX

Visual Design
Prototyping

User Research

UI/UX

Visual Design
Prototyping

Role

Role

Project Manager,

UI/UX Design Lead

Team

Team

UC Berkeley UMA Design,

Sia Partners Design

UC Berkeley UMA Design,

Sia Partners Design

Context

Context

Meta Family Center is a platform that helps families manage online experience within Meta technologies. It offers monitoring tools and educational resources to support digital safety and communication.

The Problem

The Problem

Meta Family Center struggled to provide relatable and engaging resources, making it difficult for users—especially in non-traditional family dynamics—to understand platform features, address safety concerns, and manage digital well-being.

Preliminary Research

Preliminary Research

Our team conducted UX audit for the main webpages and links to identify usability issues, design flaws, and areas for improvement.

Meta Family Center Home (Old)

Meta Family Center Home (Old)

How might we make the Meta Family Center more relatable and engaging to help all families confidently manage safe digital experiences?

How might we make the Meta Family Center more relatable and engaging to help all families confidently manage safe digital experiences?

User Survey

User Survey

We surveyed 300+ people to gather data on visual and content preferences, uncover digital habits, and inform our design and content ideation for Meta Family Center.

What factors influence your decision to trust and engage with the content on a website?

What factors influence your decision to trust and engage with the content on a website?

How important is it for websites to offer a diverse range of content, including text, images, videos, and podcasts?

How important is it for websites to offer a diverse range of content, including text, images, videos, and podcasts?

preferred a simple website design, in order to find information quickly.

preferred a simple website design, in order to find information quickly.

ranked content relevance as the most appealing aspect of a website.

ranked content relevance as the most appealing aspect of a website.

prioritized reliability as the most important company value.

prioritized reliability as the most important company value.

identified 'Privacy and Transparency' as the most lacking value in big tech companies.


26.1%: Social Responsibility
17.2%: Authenticity
15.7%: Connection to audience

identified 'Privacy and Transparency' as the most lacking value in big tech companies.


26.1%: Social Responsibility
17.2%: Authenticity
15.7%: Connection to audience

Feelings toward Meta following the development of the Meta Family Center

Feelings toward Meta following the development of the Meta Family Center

Meta Family Center feels genuine and authentic?

Meta Family Center feels genuine and authentic?

User Pain Points

User Pain Points

Confusion

  • Visuals and content doesn't relate to users.

  • Lack of explanation and demonstration leave users unclear on tools functions.

  • Lack of personalization and examples that reflect their needs and concerns.

Uncertainty

  • Generic content raises doubts about feature effectiveness.

  • Missing author info reduce credibility.

The Solutions

The Solutions

Meta Basics

Meta Basics

Featuring updated, relatable visuals and a concise overview of Meta's products, helping teens and families quickly understand and engage with features in real-life contexts across Meta platforms.

Safety Spotlight

Safety Spotlight

Educating users about Meta's safety tools, this module highlights features like content filtering, blocking, and interaction limits, offering actionable guidance to help teens and families navigate platforms securely.

Resource Toolkit

Resource Toolkit

A new toolkit section featuring guides and articles to support positive digital experiences.


This resource hub offers practical tips on digital health, media literacy, and online safety, with expert partners highlighted to reinforce Meta’s commitment to user well-being.

Expert Spotlight & Family Guidance

Expert Spotlight & Family Guidance

Offering essential resources for online safety and media literacy, these modules feature trusted organizations like NAMLE and ParentZone. They provide expert tools, actionable guidance, and practical strategies to empower users and promote healthy digital habits.

Wanna see the design holistically?

Wanna see the design holistically?

Content Relevance

Content Relevance

How might Meta Family Center better integrate with its content?

Feature-driven Integration

Dedicated Content

  • Organize online safety topics (e.g., privacy, cyberbullying, screen time).

  • Include educational articles, real-life scenarios, and interactive quizzes.

  • Organize online safety topics (e.g., privacy, cyberbullying, screen time).

  • Include educational articles, real-life scenarios, and interactive quizzes.

Feature Walkthroughs and Recommendations

  • Link directly to relevant features with each topics.

  • Provide step-by-step guides for easy implementation.

  • Link directly to relevant features with each topics.

  • Provide step-by-step guides for easy implementation.

Teen-Friendly Resources

  • Offer videos, games, and discussion prompts to encourage family conversations about online safety.

  • Offer videos, games, and discussion prompts to encourage family conversations about online safety.

Metrics & Impact

Metrics & Impact

162% increase in return visits to the Resource Toolkit module.

162% increase in return visits to the Resource Toolkit module.

30% reduction in negative sentiment in user feedback.

23% increase in web and mobile visits.

21% increase in engagement with expert resources.

21% increase in engagement with expert resources.

Team pic!

Team pic!