Side-by-side
Before and after
Current portal
What applicants face today
- One long scrolling page with 60+ fields. No clear progress.
- Comments hidden inside a modal that blocks the form.
- Generic Bootstrap chrome — bright teal sidebar, blue links, white-on-white form fields.
- Section headings in orange-red and dark-blue. Visual hierarchy unclear.
- NGO-only document section sits at the bottom regardless of relevance.
- No visible status indicator for in-progress applications.
Proposed
What we deliver
- Six guided steps. Each with a clear purpose.
- Comments as a permanent tab. Auditable, contextual, never blocks the form.
- Botanical-government palette. Moss greens, terracotta, gold — refined, dignified.
- Editorial typography. Fraunces serif paired with Inter and JetBrains Mono.
- Status pill at the top of every page so reviewers always know where they stand.
- Behaviour preserved. All fields, role permissions, AJAX endpoints and workflow rules remain intact.
Walk through the redesigned form
Six guided steps preserve every field, role permission and workflow rule from the existing portal.