✦ User Research
✦ User Experience Design
✦ User Interface Design
✦ Wireframing
✦ Visual & Graphic Design
✦ Creative thinking
Research & Communication ✎
Ben Valles (PM)
Justice Gin (Research & UX/UI)
Jaymi Denise (Business Analyst)
Griffin Anderson (UX Researcher)
Visual and Product Design: ꕥ
Daniel Hanick (PM)
Breanna Tam (Visual & UX/UI)
Sandy Lin (Visual & UX/UI)
Kayla Hop Hing (UXR, and UX/UI)
As a team, we considered multiple ideas and collaborated effectively to formulate a handful of viable ideas for the different RSA briefs we had been considering. This brainstorm session yielded the following ideas:
✦ Product to address the load shedding (energy & water) crisis in South Africa, could be a resource for residents to connect with companies to ensure equal allocation of resources to each household.
✦ Creating productive public spaces for people using the public transit system. This would create an environment that positively impacts businesses, mental health, and provides new work opportunities.
✦ A product to help combat the Filipino obesity crisis and re-educate residents on different healthier food alternatives and ways to source them in the Philippines.
During our ideation phase, I presented to the team an idea for an application that would serve as the community hub, work, and resource centre for new immigrants living in Canada.
I highlighted the experience that my own parents went through, and their experience acclimating to the culture, and finding work in Canada.
As Chinese immigrants coming to Canada, my parents came face-to-face with the bleak reality, that they were alone in a new country with very little money, no job, intermediate English skills, and no immediate friends or family.
Through navigating through all of these obstacles, they found websites that fostered community, provided information, jobs, and other helpful resources, that all catered to the Chinese-Canadian demographic, such as 51.com and Rolia.net. These sites helped them acclimate to life in Canada with much more ease, it provided them insider tips & tricks from others that went through similar situations, and the site also boasted active job posting and hiring sections. Decades later, my parents still use these very same sites, but for a different purpose, to find and hire personnel for jobs and contract work.
These websites and their resources were extremely helpful and supportive in their journey in navigating a new and unfamiliar landscape. As this was an issue close to my heart, I chose to earnestly push for us to create an application that could serve as a means to bridge the gap for new immigrants coming to Canada through digital literacy, sense of community, and accessible resources.
"How might we reimagine the way we work in the future to reflect local context, experiences and knowledge?"
How can we create a product that can bridge the social, and economical gap for Filipino-Canadian immigrants and newcomers to Canada, through accessible design, tools for professional development, and digital literacy?
(“barangay” - /ˌbärəNGˈɡī/ (in the Philippines) meaning village, communities, and neighbourhoods)
BRGY: An inclusive, community-oriented web application that enables Filipino immigrants of Canada to foster digital literacy and career-building skills in exploring the Canadian job market.
Because we wanted our product to tap into the users sense of “home” whilst still featuring an interface that was a seamless middle ground between Eastern and Western product design, it was essential for our team to understand the cultural, technological, and social contexts for the East Asian audience we are designing for.
✦ Asian centric applications usually feature a multitude of features. These are dubbed as "super apps" that can boast a wide range of capabilities.
✦ WeChat or Line for example, have features that range from communication channels, QR scanners, to financial transaction processing, and more.
✦ East Asian applications more content heavy, than their Western counterparts. Typically, they utilize less white space to highlight their wide range of multipurpose actions.
✦ Western design typically features more white space. The overall information architecture is much more condensed and spread apart.
✦ East Asian design generally places more emphasis on click through rates (CTRs) thus resulting in the prioritization of pop-up advertisements and product marketing.
✦ Western design do place value on CTRs, however, advertisements are shown in a more negative light.
The Filipino community is rapidly growing in Canada, according to a 2021 census, there are 957,355 Filipino Canadians living in Canada, or 2.58% of the total population. They are an extremely prevalent immigrant community within the nation, however, many individuals within this community face hardships in finding long-term, secure, employment. This could be due to a multitude of factors, such as unfamiliar job landscapes & cultures, lack of social connections, or culture shock. Not to mention, these challenges could become further compounded because of a language barrier, which ultimately back many immigrants into a corner as they are forced to take on more difficult and strenuous working conditions.
Through our research, we were able to determine that in the Filipino-Canadian community, there is a significant emphasis placed on word-of-mouth. However, the community lacked an effective product or service that promoted professional opportunities beyond just word-of-mouth.
Which is how our team determined that by designing a digital service that could promote the connection of Filipino immigrants with the community in the Greater Toronto Area (GTA) would provide some relief to their problems, and also foster community and new opportunities career-wise.
Offers local news, events, job boards, but was designed solely for the Chinese-Canadian community. The website is designed with little regard for standard UX/UI practices, information hierarchy, and there are large chunks of the website that cannot be translated. The jobs board is active and refreshes daily, however, the postings themselves are not translatable & many only feature minimal information about the job position/company.
Initially founded in the year 2000 and is a big hit within the Chinese-Canadian community. With a mission statement to be open and welcome to everyone, It's a place for people who share Chinese root and heritage, as well as people who are interested in Chinese cultures, both traditional and modern. The site offers helpful resources such as discussion forums for practically any topic (both in English & Chinese), extensive travel guides, messaging, and music sharing,
Our team leveraged primary research methods to help us gain a deeper understanding of the Filipino-Canadian communities living in Canada. Our primary research helped us make informed design choices pertaining to the existing pain points and needs of our demographic in order to maximise accessibility and usability within our product. Our research includes two major outputs:
Within Filipino communities in Canada & around the world, it's common to see job opportunities spread through word-of-mouth. Often times, employers will find potential employees through mutual connections and similar cultural backgrounds and nationalities.
There are significant differences pertaining to the job landscape in the Philippines than from that of North America. Although there are similarities, it mainly comes down to smaller differences within the hiring process (application process, interview structure, and resume.
Many individuals immigrate from the Philippines to Canada with the intention to find work. With the goal to send a portion of their pay cheque overseas to support their families. Because of this, Filipino immigrants usually place a high degree of value on working hard to get job security, and opportunities for long-term employment.
When brainstorming the visual components of our system, there were two essential attributes that heavily informed our design decisions.
Since BRGY (Barangay) is meant to represent community, fostering relationships, and forming connections, much of the design choices we have made revolved around invoking a feeling of familiarity. Our colour palettes, graphics, and imagery all have major influences from Filipino culture, trends, and the country's natural environment. We incorporated this with North American design trends that place often gravitate towards a more minimalistic style with ample white space.
✦ Maximalist approach to design
✦ Information dense and text-heavy
✦ Bold, saturated colours
✦ Graphics tend to be pictoral and decorative - emphasis on character design and iconography
✦ Reds and Oranges are used often
✦ Gold accents - for a touch of sophistication
✦ Geared towards nature and the inclusion of natural elements
✦ Line art and Geometric shapes
✦ North American design, generally speaking, places more emphasis on a minimalistic system, and designs are created with extensive thought towards negative space, and readability.
Our team went through the process of scenario mapping, with the goal of mapping out the steps that would be taken when navigating our system through the user’s eyes. This was a stepping stone for us before we moved onto building the medium-fidelity prototype design.
✦ Homepage
✦ Dashboard for Individuals
✦ Dashboard for Businesses
✦ Resume Builder
✦ Financial Transactions
✦ Events Hub
✦ News page
✦ Messaging system
✦ User profiles
The homepage serves as the one-stop hub to accessing all of the features we offer on the BRGY (Barangay) system. this page serves as the direct bridge between the professional and personal content in the system.
The two dashboards are intended to help our users differentiate between a business account and individual user account. A business account can perform different actions than an individual user account can. By separating the professional work related content from the homepage, and the news, community, and events content is meant to avoid cognitive overload.
Our final working prototype is offered in both a mobile and web application view for BRGY (Barangay).