Pamayanan

Filipino Community & Resource Platform · Responsive Web Design

A mobile-first, bilingual platform designed to help Filipino immigrants navigate housing, essential services, and community life in the San Francisco Bay Area.

PROJECT OVERVIEW

The Problem

Filipino immigrants in the Bay Area rely on fragmented and inconsistent sources—such as Facebook groups, word of mouth, and general search engines—to navigate housing, legal systems, essential services, and community support. Information is difficult to verify, often outdated, and rarely tailored to Filipino cultural or language needs. This creates confusion, stress, and isolation during already complex life transitions.

The Opportunity / Solution

Pamayanan (Tagalog for “community” or “togetherness”) reimagines support for Filipino immigrants through a centralized, culturally relevant, and mobile-first platform. The solution combines practical guidance (housing, legal, education, healthcare) with community connection and multilingual access, allowing users to feel informed, supported, and confident while navigating life in the Bay Area.

Outcome (Conceptual)

The final prototype integrates community forums, multilingual support, and a vetted essential services directory into a single experience. Usability testing showed high task completion, strong emotional resonance—especially around language access—and increased user confidence when navigating complex information.

RESEARCH

Research Goals

• Understand how Filipino immigrants currently find and trust information

• Identify gaps in housing, legal, and essential service resources

• Learn how language, culture, and generation affect usability needs

• Inform feature prioritization for a responsive, accessible platform

Secondary Research – Competitive Analysis

I reviewed Filipino community organizations, non-profits, and cultural centers across California. While many provide valuable in-person services, most lacked strong digital experiences, centralized resources, or mobile-first access. This revealed an opportunity for Pamayanan to act as a digital bridge—not replacing organizations, but making resources easier to discover and navigate.

Primary Research – User Interviews & Research Synthesis

I conducted interviews with first- and second-generation Filipino immigrants, community members, and small business owners across multiple age groups. I synthesized findings using an affinity map to surface recurring patterns, pain points, and unmet needs—particularly around housing navigation, legal systems, language access, and community connection—which directly informed feature prioritization and design decisions.

DEFINE

Personas

Research revealed three core user groups interacting with Pamayanan:

• Recent immigrants navigating housing, employment, and language barriers

• Long-time residents and small business owners supporting the Filipino community

• Second-generation Filipino Americans seeking cultural connection

While all three informed design decisions, the project primarily focuses on one key persona, as their needs were the most urgent, complex, and directly tied to the platform’s core features.

Why this persona:
Marites represents users experiencing the highest friction and risk during relocation. Designing for her ensured the platform prioritized clarity, accessibility, and trust—while still supporting the needs of long-time residents and second-generation users through community and cultural features.

Problem Framing

Research findings were translated into focused How Might We questions, including:

• How might we centralize essential resources without overwhelming users?

• How might we support multiple languages and dialects in a scalable way?

• How might we create structured community spaces that feel trustworthy?
  

Key Task Flows

Pamayanan supports several core user task flows that reflect the real-world needs of Filipino immigrants at different stages of settlement:

• Switching site language between English and Tagalog

• Requesting dialect support through the AI assistant (e.g., Ilocano)

• Browsing and filtering trusted essential services

• Searching, posting, and engaging within community message boards

While all of these flows informed the overall information architecture and feature set, one task flow was prioritized as the primary design focus, as it directly supports high-risk, high-frequency needs during early settlement.

DESIGN

Mid-Fidelity Exploration

I started with mobile-first, low-fidelity wireframes to define structure, hierarchy, and navigation across core features: Community & Cultural Support, the Community Message Board, Multilingual Support, and the Essential Services Directory.

Early designs emphasized clear navigation, modular layouts for scalability, and familiar interaction patterns to support users with varying levels of tech literacy. Mid-fidelity work refined content organization, task flows, and accessibility—ensuring users could easily switch languages, find essential services, and engage with the community on mobile-first layouts.

Usability Testing & High-Fidelity Design

High-fidelity design for Pamayanan refined both usability and cultural clarity across its core user flows. Alongside usability testing, I developed a cohesive visual system inspired by Filipino values of community and approachability, including a culturally informed logo and iconography designed to feel welcoming across generations in a mobile-first experience.

Testing insights directly informed refinements to key screens explored during mid- and high-fidelity work, including the homepage navigation, multilingual support, essential services directory, and community message board. Adjustments to visual hierarchy, spacing, contrast, icon distinction, and confirmation states reduced confusion—especially for older users and non-native English speakers—helping users confidently switch languages, find trusted resources, and engage with community features.

Iterations

• Moved language toggle beside the hamburger menu for visibility

• Separated language selection and AI assistant into distinct modules

• Increased touch targets and spacing for accessibility

• Refined hierarchy, alignment, and confirmation states

• Applied updates consistently across English and Tagalog versions

FINAL SOLUTION

Key Features

• Community & Cultural Support hub

• Structured community message board with searchable sub-groups

• Multilingual support (English, Tagalog, AI-assisted dialect help)

• Essential Services Directory with filters and vetted listings

Experience Overview

Users can create an account, switch languages, browse community resources, search or post in message boards, and filter essential services—all through clear, mobile-optimized flows designed for confidence and ease of use.

IMPACT & REFLECTION

Outcomes

• High task completion with minimal assistance

• Multilingual features rated as emotionally impactful

• Average satisfaction score: 4.3 / 5

• Users described the product as “made for people like me”

Key Learnings

• Accessibility and language are emotional as well as functional

• Small UI decisions significantly affect confidence

• Designing systems—not just screens—creates long-term value

• Iterating across phases strengthens coherence and strategy

Future Opportunities

• Onboarding flows for first-time users

• Mentorship and community matching features

• Localized alerts for housing and legal updates

• Expanded community engagement tools

WHY THIS MATTERS

Pamayanan demonstrates how thoughtful, culturally responsive design can reduce friction, restore confidence, and create meaningful access for underserved communities. By centering language, accessibility, and lived experience, this project shows how UX can support real people navigating complex, high-stakes transitions.

↑ Back to Top