Ⓒ 2026 Jingyi Design
Jingyi Design
01.
02.
03.
04.
05.FORM Brand Identity(s)
Carer Inclusive Workplaces
Ecology Carbon Dashboard
FLUI Hackathon Web UI
When the Dust Settles
 🪩Playground 🪩
About Jingyi 

Carer Inclusive Workplaces
Collaborating with McMaster University 1 scholars, I led a self-directed design intervention aimed at improving the knowledge mobilization outcomes of the research group on building carer-inclusive workplaces2 by translating a complex research database into curated, user-focused tools. Timeline: August 2025 - April 2026
Role: UX / UI Designer (Individual Project)
Tools: Figma 1. GHCFW is a research group at McMaster University that aims to improve, promote, and sustain health for carer-employees by providing the evidence employers, labour organizations, and society need to enact meaningful change in the workplace.
2. Carer-employees refer to adults who balance paid work with unpaid caregiving for aging family members. Website PrototypeChallenges
  1. Knowledge mobilization in academia is often challenging: research evolves quickly, and complex databases are hard for non-experts to navigate. 

  2. As a short-term contractor, my challenge was to design a system that could grow and adapt as the research progressed, even after my contract ended. I also needed to curate research outputs for different types of users within the community on this website, ensuring that each could access and apply the knowledge they needed.
Design Overview
Design Strategies  Simplified complex databases and curated content for different user groups with clear colour-coding. Created an intuitive, easy-to-update platform while documenting the design rationale, empowering stakeholders to adapt the system and keep research evidence accessible as it evolves.
Design Decisions 1. Make website updates sustainable through design infrastructuring Gender Health and Caregiver-Friendly Workplaces (GHCFW) is a research group active since 2011, continuously producing theses and conference research. The website serves as a key knowledge mobilization (KM) tool, so it needed to allow researchers with limited design or development experience to self-update new outcomes.

Beyond UX and UI design, I created a design rationale document in PowerPoint and introduced researchers to basic UX principles throughout the project. This approach ensures they are empowered to maintain and evolve the website independently, saving time and effort for future updates on this ever-growing academic project. The Foundation
Website RedesignThe Infrastructure
Design Rationale and Guidelines
2. Curate tools for specific users through colour-coding and tagging “Successful uptake of evidence depends on the relevance of knowledge mobilization products for the target end-user.” (Straus SE, et al.)

By organizing knowledge mobilization tools with colour-coding and tags and allowing users to select their role at the start, the website directs them to the content most relevant to them, saving time and increasing the usability and impact of the research.
Content selected for different knowledge users
Colour coded tags throughout the website
3. Minimize the number of UX elements To support long-term usability, the design intentionally limits the types of UX components used across the website.

  • For users, this consistency strengthens recognition of interaction patterns, making the interface easier to understand and navigate over time.

  • For researchers and future web editors, a reduced set of components simplifies the process of building, updating, and maintaining the site, lowering technical barriers and minimizing errors. 
4. Educate and empower the client through design thinking I built a WordPress template with a developer by consolidating the website’s UX components and page structures into a clear, reusable system.

  • The template was documented with rationales and annotations, explaining not only how the system works but why design decisions were made.

  • This enabled researchers to confidently maintain and evolve the website as the research progresses, without needing to hire additional designers or developers.
Conclusion This project shows how UX design can transform academic knowledge mobilization into a sustainable infrastructure that empowers non-designers to independently update research outcomes, reduces long-term design and development costs, and helps diverse users access research that matters to them.
Results Faster navigation and Improved user satisfaction

User testing showed a 70% reduction in the time required to locate desired information compared to the previous website, resulting in a 99.5% user satisfaction rate.Reduced maintenance costs

By enabling researchers to independently update and maintain the website, the redesigned system eliminated the need to hire external designers or developers for routine updates, saving $20,000+ per update cycle.
Reflection This project was grounded in a real-world context, involving many moving targets beyond the design work itself. It required initiating collaboration with a research group, applying for research funding, and coordinating timelines among the developer, the client, and myself. Navigating these constraints helped me to develop soft skills, especially in project management, cross-disciplinary communication, and timeline planning. Working closely with academic stakeholders also deepened my understanding of how design operates within institutional and research-driven environments.

Special thanks to Dr. Allison Williams and Dr. Garnet Hertz for their guidance, support, and trust in making this project possible.
Pitch Deck