Reducing the chaos that complicates group collaboration
Streamlining Quercus’ collaboration tools to give students a clearer, more organized way to work together.
Team
5 team members
Role
Researching, Prototyping
Client
Quercus (course project)
Tools
Miro, Figma, Procreate
Skills
User Research, Concept Development, Prototyping
Overview
A single group workspace for the tools students already rely on
The problem
Group work was scattered across pages and outside apps, so students avoided Quercus’ own tools.
What we did
Gathered 26 survey responses, 13 interviews and 7 literature reviews, then prototyped a unified workspace.
What came out of it
One place for files, group status and submissions, built around how students actually collaborate.
The problem
Quercus had collaboration tools, but students weren’t using them
Our research revealed fragmented information, unclear organization, and missing features students expected.
26survey responses
13interviews
7literature reviews
What we found
Fragmented information
Students had to jump between multiple pages and apps to find files, messages, and task updates.
Lack of organization
Group spaces felt cluttered and unclear, making it hard to understand what work had been done or what still needed to be done.
Misalignment with workflows
Because Quercus didn’t support how students naturally collaborate, students defaulted to Google Docs, Discord, Messenger, and other external apps.
Design goals
Three goals, one for each problem we found
Centralized workspace
Designing a single hub within Quercus that supports students’ existing workflows and preferred tools by integrating them into Quercus.
Responds to: fragmented information
Clear group status and navigation
Designing clearer group status and navigation paths so students can easily understand available actions and act confidently.
Responds to: lack of organization
Workflow alignment
Minimizing unnecessary steps, duplicated actions, and interface clutter so students can focus on collaboration and coursework rather than managing tools.
Responds to: misalignment with workflows
Exploration
Research synthesis, ideation and early concepts. Select an image to enlarge it.
Affinity mapGrouping research findings into themes.Survey resultsDashboard of 26 student responses.Persona and journeyPersona, empathy map and as-is scenario.PrototypesLow-fidelity prototype, storyboard and clickable prototype.
Solution
A unified workspace that streamlines files, communication, and submissions into one clear, collaborative flow
One workspace, connected to the tools students already use
Bring files from tools students already use into one shared space, with automatic syncing and file sharing so nothing gets lost across platforms.
Actionable group status and controls
Give students clear visibility and control over their group, including status updates, group locking, and the ability to move between groups.
Group-friendly submission options
Allow groups to select and submit files together, either as a shared copy or the original document, so submissions match how teams actually collaborate.
Conclusion
Small, focused changes can transform underused tools into an effective shared workspace
This project shows the impact of focused, research-driven design changes. Here are some takeaways.
Interaction clarity matters most in high-stakes tasks
Labels, status indicators, and confirmation feedback strongly affect user confidence during submissions.
Testing revealed gaps in navigation and submission clarity that were not obvious during design.
Designing within existing systems requires balance
Designing within Quercus’ constraints improves usability while maintaining familiarity.
Reclaiming reality in an AI-distorted world
AIBoost is an AI literacy training app that helps students build critical thinking skills alongside their use of generative AI.
Team
2 team members
Role
Researching, Prototyping
Client
UDesignathon 2026 (24-hour designathon)
Tools
Figma, Miro
Skills
User Research, Ideation, UI Design, Prototyping
Overview
Training students to think before they prompt
The problem
Generative AI is becoming part of how young adults study, work and create, often replacing the thinking it is meant to support.
What we did
In a 24-hour designathon, we combined secondary research, 25 survey responses and 3 interviews, then sketched and prototyped a solution.
What came out of it
AIBoost: short, interactive exercises that train students to evaluate, question and write better prompts for AI.
The problem
Students know the downsides of AI, but keep relying on it
Our brief asked how we might encourage responsible AI use that strengthens critical thinking rather than replacing it. Every survey respondent said people around them use generative AI.
25survey responses
3in-depth interviews
100%said people around them use GenAI
What the research showed
55% less brain activity
An MIT Media study found less brain activity when writing with AI compared with working independently.
150B–280B litres of water
US data centres could consume this much by 2028, which is 2 to 4 times 2023 levels (Li, Yang, Islam & Ren).
48% efficiency increase
A Stanford report found efficiency rising across all employment roles in the US, which makes AI hard to avoid.
Why students use it
83%use GenAI because it saves time
70%for convenience
61%for quality of work
What would change their habits
74%
would use it less if they knew the negative effects on critical thinking skills.
65%
would use it less if they knew the negative effects on the environment.
A value-behaviour gap
Students are aware of the downsides, but still rely on AI for convenience and performance benefits.
Choosing a direction
Awareness alone doesn’t change behaviour, so we chose to build skills
Key takeaway: students are using AI more than they understand it, creating a need for tools that support mindful use without replacing critical thinking. Each of us spent 15 minutes sketching, then we synthesized the ideas into three directions.
AI Usage Tracker
Tracks a student’s AI usage and its environmental impact.
Interactive exercises for AI literacy and critical thinking, which we chose to take forward.
Strength: builds skills instead of just awareness
Exploration
Research synthesis, ideation and early concepts. Select an image to enlarge it.
Research insightsSecondary research on brain activity, water use and efficiency.Survey resultsWhy respondents use GenAI and what would reduce their use.Persona and empathy mapMaya, a busy university student, with the empathy map and user journey.Sketches and low-fidelity wireframesRefining the idea through sketching, discussion and iterative design.
Solution
A clean, trustworthy app with structured exercises that encourage active thinking before AI interaction
A dashboard that makes daily practice easy
Students see their daily goal, streak and score, and pick an exercise such as Quality Check, Who wrote it?, Prompt Lab or Spot the Bias.
Personalized training from the first screen
Onboarding asks which AI skills a student wants to train, from prompt engineering to spotting bias, so the dashboard reflects their goals.
Interactive exercises that reinforce mindful use
Students tell human and AI writing apart, spot a biased prompt, improve a vague prompt, and tag the flaws in an AI response, such as hallucinations or weak reasoning.
Impact
The future isn’t about avoiding AI, but about learning how to exist with it
AIBoost aims to make mindful AI use a habit. Here is what it supports.
Critical thinking
Exercises ask students to evaluate and question AI output before relying on it.
AI literacy
Students practise recognizing AI-generated content, bias and weak prompts.
Sustainability
Understanding AI’s environmental cost encourages more intentional use.
A faster, more familiar way to order at Shake Shack
Redesigning Shake Shack’s self-order kiosk so customers in a hurry can browse, customize and pay with confidence.
Team
Individual project
Role
Research, UI Design, Prototyping
Client
INF353H1 (course project)
Tools
Figma
Skills
Secondary Research, Persona, Prototyping, User Testing
Overview
Shake Shack’s look, with the ordering habits people already know
The problem
The current kiosk looks different from the website and from other fast-food kiosks.
What I did
Researched, built a persona and storyboard, then designed and tested a prototype.
What came out of it
A familiar, brand-consistent kiosk for fast browsing, customizing and paying.
The research
Good kiosks put simplicity, speed and clarity first
3sources reviewed
4core flows: browse, add, pay, confirm
5participants in user testing
The website is organized by category
Menu items are grouped into clear categories.
Other kiosks share a familiar pattern
Large category buttons, image cards, step-by-step flows and a persistent cart.
The current Shack kiosk feels different
Big photos help, but the stylized layout is less familiar.
Design pitch
Keep the Shake Shack identity, follow fast-food conventions
Menu browsing
Category tabs, image-led cards and a search bar.
Adding items
A simple detail screen with clear customization buttons.
Cart and checkout
A cart to review, adjust or remove items before paying.
Payment and confirmation
Clear payment prompts, then a confirmation.
Iteration
Five user tests shaped four changes
Browsing and customizing felt unclear
Users weren’t sure if an item was added. I made the “Add” action more explicit.
The menu felt cluttered and repetitive
Similar lists overwhelmed people. I added clearer category tabs and cut visual noise.
Checkout felt too abrupt
The cart now summarizes the order, followed by guided payment and a confirmation.
Prices and buttons weren’t noticeable
I raised contrast and spacing and made key actions stand out.
Solution
From “Order here” to “Thank you” in a few clear screens
Hi there! My name is Mai. I’m a fourth-year information student at the University of Toronto with a background in sociology, which shapes how I think about complex systems, human behaviour, and the way people interact with information.
Currently, I’m a UX and Educational Technology Assistant at the University of Toronto, where I’m designing and improving digital learning experiences. Recently, I also worked as a Content Designer at the Centre for Faculty Development, where I focused on website usability, information architecture, accessibility, and digital resource organization.
I’m particularly drawn to finding friction, untangling information, and turning complexity into experiences that feel intuitive. I approach design with equal attention to user needs, evidence, and the realities of implementation.
How I got here
Since Grade 8, I’ve found myself drawn to two things: design and philosophy. At the time, I didn’t necessarily see how the two connected. I explored design through creative and leadership roles across various school club and non-profit organizations—designing experiences, building initiatives, and figuring out how to communicate ideas to different audiences.
But the more I designed, the more interested I became in the why behind it. Why do people respond to certain things? Why do some experiences feel intuitive while others create friction? How do our environments, behaviours, and the systems around us shape the decisions we make? Those questions eventually led me to study Sociology at the University of Toronto.
After completing my Sociology major, I realized I wanted to take what I had learned about people and systems and apply it more directly. I pivoted into Product Design & Management, where the two interests I had been pursuing separately finally came together. Today, I bring a sociological lens to digital products—using research to understand behaviour, questioning the systems behind an experience, and designing solutions grounded in how people think, behave, and interact.
a bachelor of information student at the university of toronto focused on product design and management
Bachelor of Information, Product Design & Management focus
CGPA: 3.7
Project Management with Agile
Intermediate Qualitative/Quantitative Research
Designing for AI
Interaction Design
Human-Centred Design
Computational Reasoning
Data Visualization
Sociology of Technology
Technologies
Tableau
PowerBI
Microsoft Office
Google Workspace
Figma
Miro
Balsamiq
Notion
WordPress
Claude
ChatGPT
Gemini
Adobe CC
Python
CSS/HTML
JavaScript
R
Skills
Product Design
Interaction Design
User Research
Information Architecture
Usability Testing
Accessibility
Product Strategy
Product Discovery
Requirements Gathering
Feature Prioritization
Agile/Scrum
Stakeholder Management
AI-Assisted Prototyping
Work experience
User Experience & Educational Technology Assistant
Aug 2026 – Present
Engineering Career Centre, University of TorontoToronto, ON
Applied UX and instructional design principles to improve student-facing resources, enhancing usability, clarity, and engagement.
Maintained Quercus (Canvas) LMS content using HTML/CSS and e-learning tools to support accessible learning experiences.
Leveraged generative AI to accelerate HTML/CSS implementation and QA while validating outputs for accuracy and accessibility.
Content Designer
Jun 2026 – Aug 2026
Centre for Faculty Development, Unity HealthToronto, ON
Conducted website QA and improved resource organization, tagging, and navigation to enhance usability and accessibility.
Used generative AI to streamline content audits and synthesize findings while applying human review for quality and accuracy.
Partnered cross-functionally to deliver digital content and web updates while coordinating stakeholder feedback.
Graphic Designer
Jan 2021 – Jul 2021
Century 21Remote
Created 50+ marketing assets for property listings, many of which remain in use due to strong brand fit and durability.
Collaborated with 10+ realtors to translate client needs into polished visual deliverables aligned with brand standards.
Delivered all design projects within 24–48 hour turnaround windows, maintaining a 100% on-time completion rate.
Co-curricular experience
Vice President of Communications & Outreach
Sep 2025 – Jun 2026
Bachelor of Information Student Association, University of TorontoToronto, ON
Manage outreach campaigns and partnerships that expanded collaboration with faculty and external organizations.
Oversaw brand consistency and content production for events and social media, improving engagement by 40–50%.
Lead a multi-channel communications strategy reaching 700+ UofT students and driving consistent monthly visibility.
Co-Director (promoted from Media Coordinator)
Dec 2019 – Jun 2022
Peerify YouthCanada-wide
Directed organizational strategy and nationwide youth engagement initiatives, increasing volunteer participation by 40%.
Expanded digital reach by 60%+, which led to the organization being featured on a national news broadcast.
Supported program development and cross-team coordination to ensure inclusive, youth-centered programming.
Additional experience
Management Experience
2021 – 2024
Matcha Matcha, Kung Fu Tea
Promoted to management within one month at both Kung Fu Tea and Matcha Matcha, leading high-volume operations, training 80+ employees, and developing standardized training resources that improved onboarding and team performance.
Retail Sales Experience
2022 – 2024
Aritzia, Club Monaco, H&M
Generated $150K+ in sales across Aritzia, H&M, and Club Monaco by identifying needs and delivering product recommendations.