MAPWA product overview

System Design · UX Design and Research

MAPWA — Practicum Matching System Redesign

Role
UX Designer and Researcher
Timeline
8 months
Tools
Figma, Screen Recording

Students were confused, administrators were buried in emails. I redesigned the student user flow and built an admin dashboard that turned a reactive, manual process into something legible and manageable.

UX Design Research Education

What is MAPWA?

MAPWA is the practicum matching web app used by the MA-LIS program at the University of Wisconsin-Madison. Every semester, over 200 graduate students use it to apply for and get matched to library and information science placements.

My Role

I led research synthesis, student workflow analysis, interaction design, prototyping, and the admin dashboard experience with a developer and team lead.

Context

A matching system that worked on paper but left everyone guessing.

The system technically functioned, but the experience was opaque enough to generate constant confusion — students who did not know where they stood, and administrators spending hours each week dealing with the fallout.

Problem

43 emails that told the whole story.

After the first round of matching, the admin inbox received 43 emails from students. I read and categorized every single one. The pattern was immediate and unambiguous.

Email notification visualization showing student questions around MAPWA

Student emails received after the first matching round — more than half asking the same two questions

20+ emails

No idea what step they were on

Students did not know whether their application had been submitted, whether they had been matched, or what was supposed to happen next. The system completed their action but gave them nothing to hold onto afterward.

Remaining emails

Edge cases the flow never addressed

Questions about finding placements outside the system, contacting sites before confirmation, and requests to switch after a match had already been made.

Student pain points overlaid on MAPWA email notification cards

Real quotes from student emails mapped onto the interface — the gaps in the flow made visible

On the admin side, there was no dashboard and no way to see match status at a glance. Every incoming question required someone to dig through spreadsheets to find an answer — consuming three to four hours every week.

Research

Reading the old flow to find exactly where it broke down.

I interviewed admin staff to understand how they spent their time and what information they needed most often. Then I mapped the existing student workflow in full — not to document it, but to find every point where a student could complete an action and still have no idea what came next.

Old MAPWA student workflow
New MAPWA student workflow with clearer touchpoints
Old workflow New workflow

Old and new workflow comparison — drag the divider to see how confirmation points and next-step guidance were added into the same process

The flow itself was not wrong. Students were following the steps correctly. The problem was that nothing acknowledged when they had completed a step or told them what was coming next. Every transition was a black box. The brief became: do not rebuild the flow from scratch; close the gaps within it.

Design Approach

Two workstreams, one for students and one for admins.

The redesign split into two parallel tracks. Before opening a frame, I established the design system that would carry both — grounded in the university's existing brand with UW red as the primary color and a clean typographic scale that worked across dense data views and simple confirmation states alike.

MAPWA design system colors and typography
MAPWA primary and outline button components

Design system foundation — UW red as primary, consistent type scale across student and admin surfaces

MAPWA full Figma design overview showing all pages

Full design overview in Figma — Homepage, Login, Student flow steps, Admin Dashboard, and data views

Two parallel workstreams

Communication for students. Visibility for admins.

Student flow

Closing every gap with an automated touchpoint

Automated emails were added at the end of every major step. Students received confirmation summaries, match instructions, and a full walkthrough video before beginning the process.

Admin dashboard

Replacing spreadsheet archaeology with a single view

A dashboard surfaced matched, pending, and unmatched students at once. Site popularity rankings and one-click export replaced the manual spreadsheet process.

Solution

Three interventions, one calmer matching process.

The redesign focused on the three places where the system needed the most support: administrator visibility, student flow clarity, and a walkthrough that explained the process before confusion turned into emails.

Solution 01 · Admin Interface

Give administrators a single operating view.

I added an admin-facing dashboard so staff could see match status, student records, site popularity, and export actions in one place. Instead of piecing together updates from spreadsheets and email threads, administrators could scan the system and act from a single interface.

  • Surfaced matched, pending, and unmatched students together
  • Added site popularity and student record visibility
  • Reduced weekly manual follow-up and spreadsheet checking
Solution 02 · Flow Optimization

Close the gaps in the student workflow.

Flow optimization placeholder

The flow itself did not need to be rebuilt from scratch. The bigger problem was that students could complete a step and still not know what happened next. I optimized the existing process by adding clearer confirmation points, expectations, and next-step guidance at each transition.

  • Kept the familiar practicum application structure intact
  • Added confirmation and status cues after key actions
  • Made waiting periods and next steps more explicit
Solution 03 · Walkthrough Video

Explain the process before students begin.

Walkthrough video placeholder

The walkthrough video gave students a preview of the full process before they started applying. Instead of discovering each step only when they reached it, students could understand the overall sequence, what information they needed, and what would happen after submission.

  • Introduced the full process before students began
  • Reduced uncertainty around application and matching steps
  • Gave administrators a reusable explanation instead of repeated emails

Results

The email count said everything.

43 → 5admin emails received after matching round
3hrssaved per week for admin staff on manual follow-up
200+MA-LIS students served each semester

Reflection

What I took away from this project

The most valuable thing I did on this project was not design a single screen. It was sitting down with 43 emails and reading every one of them. That exercise turned a vague sense that something was wrong into a precise map of where and why. It gave the whole team a shared language for the problem — instead of talking about student confusion as a general feeling, we could point to specific moments in the flow where the system went silent.

That is what I keep coming back to: finding the gap is harder than filling it. Once you know exactly where the flow breaks down, the design decisions almost make themselves. The automated emails, walkthrough video, and dashboard were not complicated ideas. What made them effective was that they were aimed at real, documented problems rather than assumptions. The gap analysis was the design work. Everything else was execution.

Back to all work