Skip to content
Grant management · UX · Documentation

AITC Grant Platform

The platform that runs AITC's funding competitions: publishing a request for applications, collecting letters of intent, reviewing them, and releasing decisions across five collaborating programs.

A program admin's home: counts for open RFAs, applicants, letters of intent and awards, a needs-attention list, and a pipeline bar for each RFA

All screenshots use demo data: sample programs, people, and projects.

Project overview

Role
UX Designer: role-based flows, usability review, and user documentation
Timeline
Fall 2026
Platform
Web application, Vue and FastAPI
Team
Engineered by a teammate at the Coordinating Center. I shaped and reviewed the experience for each role and wrote the guides people learn it from.
Users
System admins, program admins at each collaborating program, principal investigators applying for funding, and reviewers.
Outcome
A shared competition that each program runs on its own terms, with interfaces a first-time applicant can finish without help and guides for every role.

The problem

One national competition, offered by five programs, each reviewing its own letters of intent on its own schedule.

My approach

Design each role's view around the one next thing that person has to do, then test it as that person.

The result

Four role-specific workspaces over one pipeline, refined from usability review and documented step by step.

01 · Context

One competition, many hands.

The AITC Annual National Research Award is published once by the Coordinating Center but offered by every collaborating program. A researcher picks a program when they start a letter of intent, that program asks reviewers and records a decision, and only invited researchers go on to a full application.

So the same application passes through four kinds of people who never see the same screen. A principal investigator may use the platform once a year. A program admin may be tracking dozens of applications across several RFAs at once.

System admin
The Coordinating Center. Adds programs, builds and publishes RFAs and their forms, and can see every program.
Program admin
Staff at a collaborating program. Asks reviewers, records decisions, checks full applications, and releases results to applicants.
Principal investigator
Browses funding opportunities, submits a letter of intent and, if invited, a full application.
Reviewer
Accepts or declines review requests and submits reviews. Reviewing is a section added to any account, not a separate login.
Design question How might one system serve a first-time applicant and a program admin managing a full review cycle, without either of them needing training?
02 · Role-based flows

Every screen leads with what that person has to do next.

Each role lands on a different home, but the pattern holds: what needs attention first, the current step in plain words, and the action that moves it forward.

Funding opportunities page with filters for LOI deadline, site, and funding cycle, and an opportunity card showing award amounts and the LOI due date
Applicant · Find

Open with the deadline that matters.

Every RFA starts with a letter of intent, so opportunities sort by LOI deadline and each card shows the award, the due date, and which programs offer it.

Letter of intent workspace with principal investigator fields and a Before you can submit checklist linking to each missing answer
Applicant · Submit

Say exactly what is missing.

A "Before you can submit" checklist links to each unanswered question. Answers save as you type, so a PI can stop and come back before the deadline.

An RFA's applications view with a pending-decisions banner, a needs-attention item, stage counts, and a filterable applicant table
Program admin · Track

Show the pipeline, then what is stuck.

Applications group by stage, and anything waiting on the admin, like a decision recorded but not yet sent, rises to the top with its action beside it.

The five-step new RFA wizard on the LOI form step, with templates, form preview, and question settings
System admin · Publish

Build an RFA in five steps.

Basics, details, LOI form, application form, then review and publish. Forms can start from a template and be previewed as an applicant sees them. Nothing is public until it is published.

Reviewing stays small.

Reviewers fit this in around their own work. Their form is one recommendation and an optional comment, saved as a draft as they type, beside the letter of intent they are reading.

A submitted reviewer's details: dates asked, answered, and submitted, with the recommendation and comment
Program admins see each reviewer's status and recommendation without leaving the application.
03 · Usability review

Testing as an applicant and a reviewer.

Before launch I walked through the staging platform as a principal investigator and as a reviewer and filed what got in their way. Most of it came down to things people could not see or could not find. Every item was fixed in one round and checked at four screen widths.

The submit checklist got covered
The status card slid over "Before you can submit" while scrolling. The whole right column is now one sticky block that scrolls on its own.
Errors did not look like errors
A new danger color, red borders and messages, and aria-invalid on fields, so problems read the same to eyes and to screen readers.
Small, grey text
Body text went up to 16px and secondary text to 14px, with a 12px floor. Sign in became a solid, high-contrast button.
Icons without names
The side rail shows page names beside the icons from 1024px up, and Reviewing shows how many reviews are waiting.
The wrong headline
A PI's application page now leads with their project title, with the RFA title underneath.
Forms that rejected normal input
The budget field accepts "$75,000" as typed, and search takes its own row on narrow screens instead of breaking.
04 · Documentation

Guides that are rebuilt, not rewritten.

I wrote a user manual covering every role, a short guide for PIs on submitting a letter of intent, and a guide for program admins on managing them. Each step pairs one instruction with a screenshot, and numbered red markers show exactly what to click.

The screenshots are taken by scripts that sign in as each role on a local copy of the platform filled with demo data. When the interface changes, the guides are regenerated in minutes instead of being re-captured by hand.

First page of the AITC Grant Platform user manual, with a table of who does what for each role A page of the PI guide to submitting a letter of intent, with a checklist and an annotated sign-in screenshot

The user manual runs 76 pages; the PI guide is 16. Both are published as web pages and PDFs.

Reflection

What I learned

A platform with four roles is really four products sharing a database. The most useful thing I could do was use each one as that person would, on a real screen size, with a real deadline in mind.

Writing the manual turned out to be a design review of its own. Any step that took a paragraph to explain was a step worth simplifying in the interface.

Contact

I'm always happy to talk through a new project or collaboration.

daniela.wengg@gmail.com