hello, i’m

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.

Evaluation reveals issues design alone cannot catch

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.

Limitation: awareness alone doesn’t change behaviour

AI Prompt Assistant

Guides users toward better prompts and responses.

Limitation: too complex and still AI-dependent

AI Literacy Training

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

Open in Figma

Design system

One typeface, a small palette

#010101Text
#56A016Price, buttons
#F5F5F5Screen background
#FFFFFFInteractive element background
HeaderJost SemiBold 55
Card header, priceJost SemiBold 40
SubheaderJost Medium 40
Large button textJost Bold 40
Small button textJost Medium 32
BodyJost Medium 30
Card bodyJost Medium 20

Images and text from shakeshack.ca/menu. Also referenced: Shack Kiosk case study and McDonald’s self-order kiosk.

pixels, pastries, and everything in between

fidgets website
fidgets websitesoftware
Real estate poster for 62 Andriana Crescent, Markham, with a hexagonal photo collage of the home's interiors
real estate print adsgraphic design
student council gameanimation
lie detector devicehardware
Work-in-progress pencil drawing of overlapping portraits of a woman's face, with an artist's hand, sharpener and pencil at the edges
echoesdrawing
student council holiday gameanimation
Graphite drawing of a shirtless dancer arching backwards mid-movement
in motiondrawing
Pencil drawing of Eren Yeager in a sketchbook lying on a white bedsheet
eren yaegardrawing
Title page of 'A Design Analysis of the Microwave Oven Interface', a written analysis by Mai Nguyen
microwave oven interface analysisresearch & writing
heart rate monitor devicehardware
Colour pencil portrait of D.Va, a woman in a white cap and armoured jacket lit in pink against a blue night sky
d.vadrawing
Title page of 'Literature Review: Why Students Bypass LMS Group Tools When Collaborating', a written review by Mai Nguyen
lms literature reviewresearch & writing
Title page of 'Amazon as an Information-Centered Organization: Structure, Stakeholders, and Public Identity', a written analysis by Mai Nguyen
amazon organization analysisresearch & writing
Girl Up Ontario City Reps Program graphic: a city skyline at dusk with the title City Reps and the Girl Up and United Nations Foundation logos
girl up city repgraphic design
Girl Up graphic titled The Age of Digital Activism: a woman in a hijab stands before a large screen of news posts under a purple and red sky
girl up digital activismgraphic design
peerify postal
peerify postalillustration
peerify logo
peerify logoillustration
student council logo
student council logoillustration
student council logo 2
student council logo 2illustration
secret code guessing game
secret code guessing gamesoftware
bò né
bò nécooking & baking
onigiri
onigiricooking & baking
blueberry muffins
blueberry muffinscooking & baking
hainanese chicken
hainanese chickencooking & baking
matcha cookies
matcha cookiescooking & baking
mooncakes
mooncakescooking & baking
salt bread
salt breadcooking & baking
portrait photograph
portraitphotography
portrait photograph
portraitphotography
portrait photograph
portraitphotography
cfd workshop title slide
cfd workshopresearch & writing
portfolio website home page
portfoliosoftware
study timer app start screen
study timersoftware

mai lore...

About me

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

Education

University of Toronto, St George

Expected 2027/28
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.
dark mode
download .py

open pdf