119 KiB
119 KiB
Applicant UI Redesign
Document Version: 1.0 Last Updated: 2026-02-15 Status: Draft — Pending Redesign Implementation
Table of Contents
- Overview
- Current Applicant UI Analysis
- Applicant Dashboard (Main Landing)
- Application Form (INTAKE Round)
- Multi-Round Submissions
- Mentoring Workspace
- Team Management
- Results & Status Tracking
- Navigation & Information Architecture
- Mobile Experience
- Accessibility
- Email Notifications
- API Changes
1. Overview
The applicant experience redesign transforms the platform from a single-submission system into a multi-round collaboration platform where teams progress through multiple stages of document submission, receive mentoring, and track their advancement through the competition.
Key Transformations
| Current System | Redesigned System |
|---|---|
| Single submission window | Multiple submission windows across rounds |
| Basic file upload only | Document management with versioning and locking |
| Minimal mentoring (chat only) | Full mentoring workspace with file sharing and promotion |
| Static status display | Dynamic round-by-round progress tracker |
| Generic "Documents" page | Per-window submission interfaces with requirement tracking |
| No deadline management | Countdown timers, grace periods, and late submission handling |
| Limited team management | Full team collaboration features |
User Personas
Primary Persona: Team Lead (Project Submitter)
- Coordinates team efforts across multiple submission rounds
- Manages document uploads and team member roles
- Communicates with mentor during mentoring phase
- Tracks competition progress and deadlines
- Receives notifications for all critical events
Secondary Persona: Team Member
- View-only access to project details
- Can upload documents (if permitted)
- Participates in mentor workspace
- Receives team-wide notifications
Tertiary Persona: Advisor (Non-voting team member)
- Can view all project materials
- Can leave internal notes
- Cannot submit on behalf of team
- Receives status updates
2. Current Applicant UI Analysis
What Exists Today
Routes:
/applicant/
├── page.tsx — Dashboard (basic)
├── documents/page.tsx — All-in-one upload page
├── mentor/page.tsx — Chat-only interface
├── team/page.tsx — Team member list
└── pipeline/
├── page.tsx — Pipeline status list
└── [stageId]/
├── status/page.tsx — Stage-specific status
└── documents/page.tsx — Stage-specific uploads
Current Features:
- ✅ Basic dashboard with project details
- ✅ File upload via MinIO pre-signed URLs
- ✅ Basic mentor chat (MentorMessage model)
- ✅ Team member list with roles
- ✅ Status timeline (linear)
Current Limitations:
- Single Submission Window — Only one INTAKE stage supported
- No Multi-Round Docs — Can't request new documents from semi-finalists/finalists
- No Document Locking — Previous round files remain editable
- No Mentoring Workspace — Only basic chat, no file sharing
- No File Promotion — Can't convert mentor files to official submissions
- No Deadline Countdowns — No visual deadline tracking
- Static Progress Tracking — Timeline doesn't reflect round-by-round advancement
- No Grace Period UI — Late submissions handled but not surfaced to user
3. Applicant Dashboard (Main Landing)
3.1 Dashboard Layout
┌────────────────────────────────────────────────────────────────────────┐
│ Monaco Ocean Protection Challenge — Applicant Portal │
│ ──────────────────────────────────────────────────────────────────────│
│ [Dashboard] [Application] [Submissions] [Mentoring] [Team] │
└────────────────────────────────────────────────────────────────────────┘
┌────────────────────────────────────────────────────────────────────────┐
│ OceanClean AI [FINALIST] [Category: │
│ 2026 Edition — Monaco Ocean Protection Challenge STARTUP] │
└────────────────────────────────────────────────────────────────────────┘
┌─── Current Round ─────────────────────────────────────────────────────┐
│ │
│ 📋 Round 6: Finalist Mentoring │
│ Status: Active │
│ ⏱ 12 days remaining until June 30, 2026 │
│ │
│ Action Required: │
│ ✓ Mentor assigned: Dr. Martin Duval │
│ → 3 unread messages from mentor │
│ → Review updated business plan draft │
│ │
│ [Open Mentoring Workspace →] │
└────────────────────────────────────────────────────────────────────────┘
┌─── Competition Progress ──────────────────────────────────────────────┐
│ │
│ Round 1: Application ✓ Complete — Feb 15, 2026 │
│ Round 2: AI Screening ✓ Passed — Mar 1, 2026 │
│ Round 3: Jury 1 Evaluation ✓ Semi-finalist — Mar 20, 2026 │
│ Round 4: Semi-finalist Docs ✓ Submitted — Apr 5, 2026 │
│ Round 5: Jury 2 Evaluation ✓ Finalist — May 1, 2026 │
│ Round 6: Mentoring ⏳ In Progress (12 days left) │
│ Round 7: Live Finals 🔒 Not yet started │
│ Round 8: Results 🔒 Not yet started │
│ │
└────────────────────────────────────────────────────────────────────────┘
┌─── Quick Actions ──────────────┬─── Notifications ──────────────────┐
│ │ │
│ 📁 Documents │ 💬 3 new messages from mentor │
│ 4 submission windows │ 📅 Mentoring ends in 12 days │
│ [Manage Files →] │ ✅ Round 4 docs approved │
│ │ │
│ 👥 Team │ [View All Notifications →] │
│ 5 members │ │
│ [Manage Team →] │ │
│ │ │
│ 💬 Mentor │ │
│ Dr. Martin Duval │ │
│ [Open Workspace →] │ │
│ │ │
└────────────────────────────────┴─────────────────────────────────────┘
┌─── Team Overview ──────────────┬─── Upcoming Deadlines ─────────────┐
│ │ │
│ 👑 Sarah Chen (Lead) │ June 30, 2026 │
│ 👤 Alex Kumar (Member) │ Mentoring period ends │
│ 👤 Maria Santos (Member) │ (12 days, 5 hours) │
│ 👤 James Taylor (Member) │ │
│ 🎓 Dr. Lisa Wong (Advisor) │ July 15, 2026 │
│ │ Live Finals │
│ [Manage Team →] │ (27 days) │
│ │ │
└────────────────────────────────┴─────────────────────────────────────┘
3.2 Dashboard Data Requirements
API Call:
trpc.applicant.getDashboard.useQuery()
Response Shape:
{
project: {
id: string
title: string
teamName: string
status: ProjectStatus
competitionCategory: 'STARTUP' | 'BUSINESS_CONCEPT'
currentRound: {
id: string
name: string
roundType: RoundType
status: RoundStatus
windowOpenAt: DateTime
windowCloseAt: DateTime
daysRemaining: number
hoursRemaining: number
} | null
teamMembers: Array<{
id: string
role: 'LEAD' | 'MEMBER' | 'ADVISOR'
user: { id, name, email, avatar }
}>
mentorAssignment: {
mentor: { id, name, email, expertise }
workspaceEnabled: boolean
unreadMessageCount: number
} | null
}
competitionProgress: Array<{
roundNumber: number
roundName: string
roundType: RoundType
status: 'complete' | 'in_progress' | 'pending' | 'locked'
state: ProjectRoundStateValue // PASSED, REJECTED, IN_PROGRESS, etc.
enteredAt: DateTime | null
exitedAt: DateTime | null
result: string | null // "Semi-finalist", "Finalist", etc.
}>
activeTasks: Array<{
type: 'upload_docs' | 'respond_to_mentor' | 'review_feedback' | 'complete_profile'
priority: 'high' | 'medium' | 'low'
title: string
description: string
dueDate: DateTime | null
actionUrl: string
}>
submissionWindows: Array<{
id: string
name: string
roundNumber: number
status: 'open' | 'closed' | 'locked' | 'upcoming'
windowOpenAt: DateTime | null
windowCloseAt: DateTime | null
isLate: boolean
requirementsFulfilled: number
requirementsTotal: number
}>
notifications: Array<{
id: string
type: NotificationType
title: string
message: string
createdAt: DateTime
isRead: boolean
actionUrl: string | null
}>
upcomingDeadlines: Array<{
date: DateTime
title: string
description: string
type: 'submission_window' | 'mentoring_end' | 'live_event' | 'other'
}>
}
3.3 Component Breakdown
Components:
<ApplicantDashboard />— Main container<CurrentRoundCard />— Shows active round with countdown and actions<CompetitionProgressTracker />— Visual round-by-round timeline<QuickActionGrid />— 3-column grid of primary actions<NotificationFeed />— Recent notifications with unread count<TeamMemberList />— Compact team roster<DeadlineCountdown />— Upcoming deadlines with time remaining<TaskList />— Actionable to-dos with priority
4. Application Form (INTAKE Round)
4.1 Multi-Step Form Wizard
The initial application form is a guided wizard with progress tracking, draft saving, and dynamic field rendering based on competition configuration.
┌────────────────────────────────────────────────────────────────────────┐
│ Apply to Monaco Ocean Protection Challenge 2026 │
│ ──────────────────────────────────────────────────────────────────────│
│ Step 1 of 5: Team Information │
│ [●════○────○────○────○] │
└────────────────────────────────────────────────────────────────────────┘
┌─── Team Information ───────────────────────────────────────────────────┐
│ │
│ Project Name * │
│ ┌────────────────────────────────────────────────────────────┐ │
│ │ OceanClean AI │ │
│ └────────────────────────────────────────────────────────────┘ │
│ │
│ Team/Organization Name │
│ ┌────────────────────────────────────────────────────────────┐ │
│ │ OceanClean Technologies Inc. │ │
│ └────────────────────────────────────────────────────────────┘ │
│ │
│ Project Category * │
│ ◉ Startup (Existing company or organization) │
│ ○ Business Concept (Idea or early-stage project) │
│ │
│ Primary Ocean Issue Addressed * │
│ ┌────────────────────────────────────────────────────────────┐ │
│ │ [Select issue...] ▼ │ │
│ └────────────────────────────────────────────────────────────┘ │
│ • Ocean plastic pollution │
│ • Coastal ecosystem restoration │
│ • Sustainable fishing practices │
│ • Marine biodiversity conservation │
│ • Climate change adaptation │
│ │
│ Country/Region * │
│ ┌────────────────────────────────────────────────────────────┐ │
│ │ United States ▼ │ │
│ └────────────────────────────────────────────────────────────┘ │
│ │
│ [Save Draft] [Back] [Next: Project Details →]│
│ │
└────────────────────────────────────────────────────────────────────────┘
4.2 Form Steps
Step 1: Team Information
- Project name (required)
- Team/organization name
- Project category (Startup / Business Concept)
- Primary ocean issue
- Country/region
Step 2: Project Details
- Executive summary (500 words max)
- Detailed description (1500 words max)
- Innovation summary
- Impact metrics
- Technology/approach description
Step 3: Team Members
┌─── Team Members ───────────────────────────────────────────────────────┐
│ │
│ Team Lead * │
│ ┌────────────────────────────────────────────────────────────┐ │
│ │ Name: Sarah Chen │ │
│ │ Email: sarah@oceanclean.ai │ │
│ │ Phone: +1 555-0123 │ │
│ │ Role: CEO & Co-founder │ │
│ └────────────────────────────────────────────────────────────┘ │
│ │
│ Additional Team Members │
│ ┌────────────────────────────────────────────────────────────┐ │
│ │ 👤 Alex Kumar — CTO — alex@oceanclean.ai [Remove] │ │
│ │ 👤 Maria Santos — COO — maria@oceanclean.ai [Remove] │ │
│ └────────────────────────────────────────────────────────────┘ │
│ │
│ [+ Add Team Member] │
│ │
│ Advisors (Optional) │
│ ┌────────────────────────────────────────────────────────────┐ │
│ │ 🎓 Dr. Lisa Wong — Marine Biology Expert [Remove] │ │
│ └────────────────────────────────────────────────────────────┘ │
│ │
│ [+ Add Advisor] │
│ │
│ [Save Draft] [Back] [Next: Upload Documents →]│
│ │
└────────────────────────────────────────────────────────────────────────┘
Step 4: Upload Documents
┌─── Upload Documents ───────────────────────────────────────────────────┐
│ │
│ Required Documents │
│ │
│ ┌──────────────────────────────────────────────────────────┐ │
│ │ 📄 Executive Summary (PDF) * │ │
│ │ A concise 2-page PDF summary of your project │ │
│ │ Max size: 10 MB • Accepted: PDF only │ │
│ │ │ │
│ │ [No file selected] │ │
│ │ [Choose File] or drag & drop here │ │
│ └──────────────────────────────────────────────────────────┘ │
│ │
│ ┌──────────────────────────────────────────────────────────┐ │
│ │ 📄 Business Plan (PDF) * │ │
│ │ Complete business plan (max 20 pages) │ │
│ │ Max size: 25 MB • Accepted: PDF only │ │
│ │ │ │
│ │ ✓ business-plan-v2.pdf (2.3 MB) │ │
│ │ Uploaded 5 minutes ago [Replace] │ │
│ └──────────────────────────────────────────────────────────┘ │
│ │
│ Optional Documents │
│ │
│ ┌──────────────────────────────────────────────────────────┐ │
│ │ 🎥 Video Pitch (MP4) │ │
│ │ 3-minute video pitch (optional but recommended) │ │
│ │ Max size: 100 MB • Accepted: MP4, MOV │ │
│ │ │ │
│ │ [No file selected] │ │
│ │ [Choose File] or drag & drop here │ │
│ └──────────────────────────────────────────────────────────┘ │
│ │
│ ℹ️ Documents can be uploaded or replaced at any time before the │
│ application deadline (March 31, 2026, 11:59 PM CET). │
│ │
│ [Save Draft] [Back] [Next: Review & Submit →]│
│ │
└────────────────────────────────────────────────────────────────────────┘
Step 5: Review & Submit
┌─── Review & Submit ────────────────────────────────────────────────────┐
│ │
│ Please review your application before submitting. │
│ │
│ ┌──────────────────────────────────────────────────────────┐ │
│ │ Team Information [Edit] │ │
│ │ ──────────────────────────────────────────────────── │ │
│ │ Project: OceanClean AI │ │
│ │ Organization: OceanClean Technologies Inc. │ │
│ │ Category: Startup │ │
│ │ Ocean Issue: Ocean plastic pollution │ │
│ │ Location: United States │ │
│ └──────────────────────────────────────────────────────────┘ │
│ │
│ ┌──────────────────────────────────────────────────────────┐ │
│ │ Project Details [Edit] │ │
│ │ ──────────────────────────────────────────────────── │ │
│ │ Executive Summary: │ │
│ │ OceanClean AI is an autonomous underwater... │ │
│ │ │ │
│ │ Detailed Description: │ │
│ │ Our solution combines computer vision... │ │
│ └──────────────────────────────────────────────────────────┘ │
│ │
│ ┌──────────────────────────────────────────────────────────┐ │
│ │ Team Members [Edit] │ │
│ │ ──────────────────────────────────────────────────── │ │
│ │ 👑 Sarah Chen (Lead) — CEO & Co-founder │ │
│ │ 👤 Alex Kumar — CTO │ │
│ │ 👤 Maria Santos — COO │ │
│ │ 🎓 Dr. Lisa Wong (Advisor) — Marine Biology Expert │ │
│ └──────────────────────────────────────────────────────────┘ │
│ │
│ ┌──────────────────────────────────────────────────────────┐ │
│ │ Uploaded Documents [Edit] │ │
│ │ ──────────────────────────────────────────────────── │ │
│ │ ✓ Executive Summary (exec-summary.pdf, 1.2 MB) │ │
│ │ ✓ Business Plan (business-plan-v2.pdf, 2.3 MB) │ │
│ │ ✓ Video Pitch (pitch-video.mp4, 45 MB) │ │
│ └──────────────────────────────────────────────────────────┘ │
│ │
│ Terms & Conditions │
│ ☑ I confirm that all information provided is accurate │
│ ☑ I agree to the terms and conditions │
│ ☑ I consent to GDPR data processing │
│ │
│ [Save Draft] [Back] [Submit Application] │
│ │
└────────────────────────────────────────────────────────────────────────┘
4.3 Draft Saving Functionality
Auto-Save (Authenticated Users):
- Form data auto-saves every 30 seconds
- Stored in
Project.metadataJsonwithisDraft: true - No expiry for authenticated drafts
- Draft indicator in dashboard
Manual Save (Unauthenticated Users):
- "Save Draft" button generates draft token
- Token sent via email with resume link
- Draft expires after 30 days (configurable)
- Resume via
/apply/resume?token={draftToken}
Draft Resume Flow:
// Client loads draft
const { data: draft } = trpc.application.resumeDraft.useQuery({ draftToken })
// Pre-populate form
form.reset(draft.draftDataJson)
// On submit
await trpc.application.submitDraft.mutate({
projectId: draft.projectId,
draftToken,
data: formData
})
4.4 Submission Confirmation
Success Screen:
┌────────────────────────────────────────────────────────────────────────┐
│ │
│ ✓ Application Submitted │
│ │
│ Thank you for applying to Monaco Ocean Protection Challenge 2026! │
│ │
│ Confirmation Number: #MOPC-2026-001234 │
│ │
│ What Happens Next: │
│ 1. You'll receive a confirmation email at sarah@oceanclean.ai │
│ 2. Our team will review your application (typically 2-3 weeks) │
│ 3. You'll be notified of the results via email and dashboard │
│ 4. If selected, you'll advance to Round 3: Jury 1 Evaluation │
│ │
│ Important Dates: │
│ • Application deadline: March 31, 2026 │
│ • Results announced: April 15, 2026 │
│ │
│ You can track your application status at any time: │
│ [Go to Applicant Dashboard →] │
│ │
│ Questions? Contact us at info@monaco-opc.com │
│ │
└────────────────────────────────────────────────────────────────────────┘
5. Multi-Round Submissions
5.1 Submissions Dashboard
After advancing from the initial round, teams may be required to submit additional documents. Each submission window has its own interface.
┌────────────────────────────────────────────────────────────────────────┐
│ Submissions — OceanClean AI │
│ ──────────────────────────────────────────────────────────────────────│
│ [Dashboard] [Application] [Submissions] [Mentoring] [Team] │
└────────────────────────────────────────────────────────────────────────┘
┌─── Submission Rounds ──────────────────────────────────────────────────┐
│ │
│ ┌─────────────────────────────────────────────────────────┐ │
│ │ Round 1: Application Documents │ │
│ │ Submitted: Feb 15, 2026 • Status: ✓ Approved │ │
│ │ ─────────────────────────────────────────────────────── │ │
│ │ 📄 Executive Summary (exec-summary.pdf) │ │
│ │ 📄 Business Plan (business-plan.pdf) │ │
│ │ 🎥 Video Pitch (pitch-video.mp4) │ │
│ │ │ │
│ │ 🔒 This submission window is locked (view only) │ │
│ │ [View Details] │ │
│ └─────────────────────────────────────────────────────────┘ │
│ │
│ ┌─────────────────────────────────────────────────────────┐ │
│ │ Round 4: Semi-finalist Documents 🟢 OPEN │ │
│ │ Deadline: April 30, 2026 (18 days remaining) │ │
│ │ ─────────────────────────────────────────────────────── │ │
│ │ Progress: 2 of 3 required documents uploaded │ │
│ │ │ │
│ │ ✓ Updated Business Plan │ │
│ │ ✓ Financial Projections │ │
│ │ ⚠ Video Pitch — Not uploaded │ │
│ │ │ │
│ │ [Upload Documents →] │ │
│ └─────────────────────────────────────────────────────────┘ │
│ │
│ ┌─────────────────────────────────────────────────────────┐ │
│ │ Round 7: Finalist Materials 🔒 LOCKED │ │
│ │ Opens when you advance to finalist round │ │
│ │ ─────────────────────────────────────────────────────── │ │
│ │ This round will unlock if you advance past │ │
│ │ Round 5: Jury 2 Evaluation │ │
│ └─────────────────────────────────────────────────────────┘ │
│ │
└────────────────────────────────────────────────────────────────────────┘
5.2 Submission Window Detail View
Route: /applicant/submissions/[windowId]
┌────────────────────────────────────────────────────────────────────────┐
│ Round 4: Semi-finalist Documents │
│ ──────────────────────────────────────────────────────────────────────│
│ Status: 🟢 Open • Deadline: April 30, 2026, 11:59 PM CET │
│ ⏱ 18 days, 5 hours remaining │
└────────────────────────────────────────────────────────────────────────┘
┌─── Progress ───────────────────────────────────────────────────────────┐
│ │
│ ██████████████████████░░░░░░ 2 of 3 required documents (67%) │
│ │
│ ✓ Updated Business Plan — Uploaded Apr 2, 2026 │
│ ✓ Financial Projections — Uploaded Apr 3, 2026 │
│ ⚠ Video Pitch — Not uploaded (Required) │
│ │
└────────────────────────────────────────────────────────────────────────┘
┌─── Required Documents ─────────────────────────────────────────────────┐
│ │
│ ┌──────────────────────────────────────────────────────────┐ │
│ │ ✓ Updated Business Plan (PDF) * │ │
│ │ Revise your business plan based on Jury 1 feedback │ │
│ │ Max size: 25 MB • Accepted: PDF only │ │
│ │ │ │
│ │ ✓ business-plan-updated.pdf (3.2 MB) │ │
│ │ Uploaded Apr 2, 2026 at 3:45 PM │ │
│ │ │ │
│ │ [View] [Replace] [Delete] │ │
│ └──────────────────────────────────────────────────────────┘ │
│ │
│ ┌──────────────────────────────────────────────────────────┐ │
│ │ ✓ Financial Projections (PDF/Excel) * │ │
│ │ 3-year financial projections with assumptions │ │
│ │ Max size: 10 MB • Accepted: PDF, XLSX │ │
│ │ │ │
│ │ ✓ financials-2026-2029.xlsx (1.8 MB) │ │
│ │ Uploaded Apr 3, 2026 at 10:20 AM │ │
│ │ │ │
│ │ [View] [Replace] [Delete] │ │
│ └──────────────────────────────────────────────────────────┘ │
│ │
│ ┌──────────────────────────────────────────────────────────┐ │
│ │ ⚠ Video Pitch (MP4) * │ │
│ │ 5-minute team pitch video for semi-finalist round │ │
│ │ Max size: 150 MB • Accepted: MP4, MOV │ │
│ │ │ │
│ │ [No file uploaded] │ │
│ │ │ │
│ │ [Choose File] or drag & drop here │ │
│ │ │ │
│ │ 📹 Recording Tips: │ │
│ │ • Use landscape orientation (16:9) │ │
│ │ • Ensure good lighting and audio quality │ │
│ │ • Include all team members if possible │ │
│ │ • Stay within 5-minute time limit │ │
│ └──────────────────────────────────────────────────────────┘ │
│ │
└────────────────────────────────────────────────────────────────────────┘
┌─── Optional Documents ─────────────────────────────────────────────────┐
│ │
│ ┌──────────────────────────────────────────────────────────┐ │
│ │ Letters of Support (PDF) │ │
│ │ Letters from partners, advisors, or pilot customers │ │
│ │ Max size: 5 MB per file • Accepted: PDF only │ │
│ │ │ │
│ │ [No files uploaded] │ │
│ │ [Choose File] or drag & drop here │ │
│ └──────────────────────────────────────────────────────────┘ │
│ │
└────────────────────────────────────────────────────────────────────────┘
┌─── Submission Actions ─────────────────────────────────────────────────┐
│ │
│ ⚠ You must upload all required documents before the deadline. │
│ Late submissions may not be accepted. │
│ │
│ [Save Progress] [Mark as Complete & Submit] │
│ │
└────────────────────────────────────────────────────────────────────────┘
5.3 Previous Round Read-Only View
When a submission window closes, it becomes locked for applicants. They can view but not modify.
┌────────────────────────────────────────────────────────────────────────┐
│ Round 1: Application Documents │
│ ──────────────────────────────────────────────────────────────────────│
│ Status: 🔒 Locked • Submitted: Feb 15, 2026 │
│ Result: ✓ Approved — Advanced to Semi-finalist Round │
└────────────────────────────────────────────────────────────────────────┘
┌─── Submitted Documents ────────────────────────────────────────────────┐
│ │
│ 📄 Executive Summary │
│ exec-summary.pdf (1.2 MB) — Uploaded Feb 15, 2026 │
│ [Download] │
│ │
│ 📄 Business Plan │
│ business-plan.pdf (2.3 MB) — Uploaded Feb 15, 2026 │
│ [Download] │
│ │
│ 🎥 Video Pitch │
│ pitch-video.mp4 (45 MB) — Uploaded Feb 15, 2026 │
│ [Download] │
│ │
│ 🔒 This submission window is locked. Documents cannot be modified. │
│ If you need to update a document, contact the competition admin. │
│ │
└────────────────────────────────────────────────────────────────────────┘
5.4 Deadline & Grace Period Handling
Countdown Timer:
// Real-time countdown component
<DeadlineCountdown
deadline={window.windowCloseAt}
gracePeriodHours={window.graceHours}
onExpire={() => {
toast.warning('Submission deadline has passed')
router.refresh()
}}
/>
Grace Period UI:
┌────────────────────────────────────────────────────────────────────────┐
│ ⚠ DEADLINE PASSED — Grace Period Active │
│ ──────────────────────────────────────────────────────────────────────│
│ │
│ The submission deadline (April 30, 2026, 11:59 PM) has passed. │
│ You are currently in the 24-hour grace period. │
│ │
│ Grace period ends: May 1, 2026, 11:59 PM CET │
│ ⏱ 23 hours, 12 minutes remaining │
│ │
│ Late submissions will be flagged for review. │
│ Upload your documents now to avoid disqualification. │
│ │
│ [Upload Documents →] │
│ │
└────────────────────────────────────────────────────────────────────────┘
Late Submission Badge:
┌──────────────────────────────────────────────────────────────┐
│ ✓ business-plan-updated.pdf (3.2 MB) 🟡 LATE │
│ Uploaded May 1, 2026 at 2:15 PM (14 hours after deadline) │
│ [View] [Download] │
└──────────────────────────────────────────────────────────────┘
6. Mentoring Workspace
6.1 Workspace Overview
When a MENTORING round opens, finalist teams gain access to a private workspace shared with their assigned mentor.
Route: /applicant/mentoring
┌────────────────────────────────────────────────────────────────────────┐
│ Mentoring Workspace — OceanClean AI │
│ ──────────────────────────────────────────────────────────────────────│
│ [💬 Chat] [📁 Files] [📋 Milestones] │
└────────────────────────────────────────────────────────────────────────┘
┌─── Your Mentor ────────────────────────────────────────────────────────┐
│ │
│ 👤 Dr. Martin Duval │
│ Expertise: Marine Biology, Ocean Technology, Sustainability │
│ Affiliation: Monaco Ocean Institute │
│ │
│ Mentoring Period: June 1 – June 30, 2026 (18 days remaining) │
│ │
│ "I'm excited to work with you on refining your business plan and │
│ preparing for the live finals. Let's focus on strengthening your │
│ impact metrics and pitch delivery." │
│ │
└────────────────────────────────────────────────────────────────────────┘
┌─── Activity Summary ───────────────────────────────────────────────────┐
│ │
│ 💬 12 messages exchanged │
│ 📁 5 files shared │
│ ✓ 2 of 3 milestones completed │
│ 🔔 3 unread messages from mentor │
│ │
└────────────────────────────────────────────────────────────────────────┘
6.2 Chat Interface
Tab: Chat
┌─── Chat with Dr. Martin Duval ─────────────────────────────────────────┐
│ │
│ Apr 5, 2026 │
│ ┌────────────────────────────────────────────────────────┐ │
│ │ Dr. Martin Duval 10:30 AM │ │
│ │ Welcome! I've reviewed your business plan. Let's work │ │
│ │ on the financial projections section. Have you │ │
│ │ prepared updated numbers based on Jury 1 feedback? │ │
│ └────────────────────────────────────────────────────────┘ │
│ │
│ ┌────────────────────────────────────────────────┐ │
│ │ Sarah Chen (You) 2:15 PM │ │
│ │ Yes, we've revised the projections. I'll upload │ │
│ │ the new file now. We focused on making the │ │
│ │ revenue assumptions more conservative. │ │
│ └────────────────────────────────────────────────┘ │
│ │
│ ┌────────────────────────────────────────────────────────┐ │
│ │ Dr. Martin Duval 3:45 PM │ │
│ │ Great! I've left comments on the file. One more │ │
│ │ round of revisions and it should be ready for the │ │
│ │ finals submission. │ │
│ └────────────────────────────────────────────────────────┘ │
│ │
│ Apr 8, 2026 │
│ ┌────────────────────────────────────────────────┐ │
│ │ Sarah Chen (You) 9:00 AM │ │
│ │ Updated the financials based on your feedback.│ │
│ │ See the new version in the Files tab. │ │
│ └────────────────────────────────────────────────┘ │
│ │
│ ┌────────────────────────────────────────────────────────┐ │
│ │ Dr. Martin Duval 10:15 AM NEW │ │
│ │ Perfect! This version is much stronger. I recommend │ │
│ │ promoting it to your official submission. I'll leave │ │
│ │ a note on the file. │ │
│ └────────────────────────────────────────────────────────┘ │
│ │
│ ┌────────────────────────────────────────────────────────┐ │
│ │ Dr. Martin Duval 10:20 AM NEW │ │
│ │ Also, let's schedule a video call next week to │ │
│ │ practice your pitch. Available Tuesday or Thursday? │ │
│ └────────────────────────────────────────────────────────┘ │
│ │
│ ┌────────────────────────────────────────────────────────┐ │
│ │ Dr. Martin Duval 11:00 AM NEW │ │
│ │ One more thing — have you seen the pitch deck │ │
│ │ template I uploaded? Use that format for consistency. │ │
│ └────────────────────────────────────────────────────────┘ │
│ │
│ ▼▼▼ Scroll to see older messages │
│ │
│ ┌────────────────────────────────────────────────────────────┐ │
│ │ Type your message... │ │
│ └────────────────────────────────────────────────────────────┘ │
│ [📎] [Send] │
│ │
└────────────────────────────────────────────────────────────────────────┘
6.3 Files Tab
Tab: Files
┌─── Workspace Files ────────────────────────────────────────────────────┐
│ │
│ [Upload File] [Sort: Recent ▾] │
│ │
│ ┌──────────────────────────────────────────────────────────┐ │
│ │ 📄 Business Plan v3.pdf │ │
│ │ Uploaded by Sarah Chen (You) • Apr 8, 2026, 9:00 AM │ │
│ │ 💬 2 comments │ │
│ │ ✅ Promoted to "Round 4: Business Plan" slot │ │
│ │ │ │
│ │ [Download] [View Comments] [✓ Promoted] │ │
│ └──────────────────────────────────────────────────────────┘ │
│ │
│ ┌──────────────────────────────────────────────────────────┐ │
│ │ 📊 Financial Projections 2026-2029.xlsx │ │
│ │ Uploaded by Dr. Martin Duval (Mentor) • Apr 6, 2026 │ │
│ │ 💬 1 comment │ │
│ │ │ │
│ │ [Download] [View Comments] [Promote to Submission →] │ │
│ └──────────────────────────────────────────────────────────┘ │
│ │
│ ┌──────────────────────────────────────────────────────────┐ │
│ │ 📊 Revenue Model Template.xlsx │ │
│ │ Uploaded by Dr. Martin Duval (Mentor) • Apr 5, 2026 │ │
│ │ 💬 0 comments │ │
│ │ │ │
│ │ [Download] [Add Comment] │ │
│ └──────────────────────────────────────────────────────────┘ │
│ │
│ ┌──────────────────────────────────────────────────────────┐ │
│ │ 📄 Business Plan v2.pdf │ │
│ │ Uploaded by Sarah Chen (You) • Apr 5, 2026 │ │
│ │ 💬 3 comments │ │
│ │ │ │
│ │ [Download] [View Comments] │ │
│ └──────────────────────────────────────────────────────────┘ │
│ │
│ ┌──────────────────────────────────────────────────────────┐ │
│ │ 📊 Pitch Deck Template.pptx │ │
│ │ Uploaded by Dr. Martin Duval (Mentor) • Apr 5, 2026 │ │
│ │ 💬 1 comment │ │
│ │ │ │
│ │ [Download] [View Comments] │ │
│ └──────────────────────────────────────────────────────────┘ │
│ │
└────────────────────────────────────────────────────────────────────────┘
6.4 File Detail with Comments
Route: /applicant/mentoring/file/[fileId]
┌────────────────────────────────────────────────────────────────────────┐
│ Business Plan v3.pdf [Download] │
│ ──────────────────────────────────────────────────────────────────────│
│ Uploaded by Sarah Chen (You) • Apr 8, 2026, 9:00 AM │
│ Size: 3.2 MB • Type: application/pdf │
│ ✅ Promoted to "Round 4: Business Plan" slot on Apr 8, 2026 │
└────────────────────────────────────────────────────────────────────────┘
┌─── Comments ───────────────────────────────────────────────────────────┐
│ │
│ ┌────────────────────────────────────────────────────────┐ │
│ │ Dr. Martin Duval (Mentor) Apr 8, 10:15 AM │
│ │ Excellent work! The revenue projections are now much │ │
│ │ more realistic and well-justified. The competitive │ │
│ │ analysis section is particularly strong. │ │
│ │ │ │
│ │ This version is ready for official submission. I │ │
│ │ recommend promoting it. │ │
│ │ │ │
│ │ [Reply] │ │
│ │ │ │
│ │ ┌────────────────────────────────────────────────┐ │ │
│ │ │ Sarah Chen (You) Apr 8, 10:30 AM │ │ │
│ │ │ Thank you! I've promoted this version to the │ │ │
│ │ │ Round 4 submission. Should we also work on the │ │ │
│ │ │ pitch deck next? │ │ │
│ │ │ │ │ │
│ │ │ [Reply] │ │ │
│ │ └────────────────────────────────────────────────┘ │ │
│ │ │ │
│ │ ┌────────────────────────────────────────────────┐ │ │
│ │ │ Dr. Martin Duval (Mentor) Apr 8, 11:00 AM │ │ │
│ │ │ Yes, let's do that. Use the template I shared. │ │ │
│ │ │ │ │ │
│ │ │ [Reply] │ │ │
│ │ └────────────────────────────────────────────────┘ │ │
│ └────────────────────────────────────────────────────────┘ │
│ │
│ ┌────────────────────────────────────────────────────────┐ │
│ │ Sarah Chen (You) Apr 8, 9:05 AM │
│ │ Here's the updated business plan based on your │ │
│ │ previous feedback. I've: │ │
│ │ - Made revenue assumptions more conservative │ │
│ │ - Added competitor analysis section │ │
│ │ - Updated financial projections through 2029 │ │
│ │ │ │
│ │ [Reply] │ │
│ └────────────────────────────────────────────────────────┘ │
│ │
│ ┌────────────────────────────────────────────────────────────┐ │
│ │ Add a comment... │ │
│ └────────────────────────────────────────────────────────────┘ │
│ [Post Comment] │
│ │
└────────────────────────────────────────────────────────────────────────┘
6.5 File Promotion Flow
Promotion Dialog:
┌────────────────────────────────────────────────────────────────────────┐
│ Promote File to Official Submission [✕] │
│ ──────────────────────────────────────────────────────────────────────│
│ │
│ File: Business Plan v3.pdf (3.2 MB) │
│ │
│ Target Submission Window * │
│ ┌────────────────────────────────────────────────────────┐ │
│ │ Round 4: Semi-finalist Documents ▼ │ │
│ └────────────────────────────────────────────────────────┘ │
│ │
│ Replaces Requirement Slot * │
│ ┌────────────────────────────────────────────────────────┐ │
│ │ Updated Business Plan ▼ │ │
│ └────────────────────────────────────────────────────────┘ │
│ │
│ ⚠ WARNING │
│ This will replace the current file in the "Updated Business Plan" │
│ slot with this workspace file. │
│ │
│ Current file: │
│ • business-plan-updated.pdf (2.8 MB) │
│ • Uploaded Apr 2, 2026 │
│ │
│ The old file will be archived but no longer visible to jurors. │
│ │
│ ☑ I understand this action cannot be undone without admin help │
│ │
│ [Cancel] [Promote & Replace File] │
│ │
└────────────────────────────────────────────────────────────────────────┘
Success Toast:
┌────────────────────────────────────────────────────────────────┐
│ ✓ File promoted successfully │
│ "Business Plan v3.pdf" is now your official Round 4 submission │
│ [View in Submissions →] │
└────────────────────────────────────────────────────────────────┘
6.6 Milestones Tab
Tab: Milestones
┌─── Mentoring Milestones ───────────────────────────────────────────────┐
│ │
│ Track your progress through the mentoring period │
│ │
│ ✓ Initial Review Meeting │
│ Completed Apr 5, 2026 — Discussed project scope and goals │
│ │
│ ✓ Business Plan Revision │
│ Completed Apr 8, 2026 — Updated financials and market analysis │
│ │
│ ⏳ Pitch Deck Preparation │
│ In Progress — Draft pitch deck for finals presentation │
│ Due: Apr 20, 2026 │
│ │
│ ○ Practice Pitch Session │
│ Not Started — Video call to rehearse finals pitch │
│ Due: Apr 25, 2026 │
│ │
│ ○ Final Review │
│ Not Started — Review all materials before live finals │
│ Due: May 1, 2026 │
│ │
└────────────────────────────────────────────────────────────────────────┘
7. Team Management
Route: /applicant/team
┌────────────────────────────────────────────────────────────────────────┐
│ Team — OceanClean AI │
│ ──────────────────────────────────────────────────────────────────────│
│ Manage your team members and roles │
└────────────────────────────────────────────────────────────────────────┘
┌─── Team Members ───────────────────────────────────────────────────────┐
│ │
│ [+ Invite Team Member] │
│ │
│ ┌──────────────────────────────────────────────────────────┐ │
│ │ 👑 Sarah Chen [LEAD] │ │
│ │ sarah@oceanclean.ai │ │
│ │ CEO & Co-founder │ │
│ │ │ │
│ │ Permissions: Full access (manage team, upload, submit) │ │
│ │ Joined: Feb 15, 2026 │ │
│ └──────────────────────────────────────────────────────────┘ │
│ │
│ ┌──────────────────────────────────────────────────────────┐ │
│ │ 👤 Alex Kumar [MEMBER] │ │
│ │ alex@oceanclean.ai │ │
│ │ CTO — Technology Lead │ │
│ │ │ │
│ │ Permissions: Can upload documents, view all materials │ │
│ │ Joined: Feb 16, 2026 │ │
│ │ │ │
│ │ [Edit Role] [Remove] │ │
│ └──────────────────────────────────────────────────────────┘ │
│ │
│ ┌──────────────────────────────────────────────────────────┐ │
│ │ 👤 Maria Santos [MEMBER] │ │
│ │ maria@oceanclean.ai │ │
│ │ COO — Operations Lead │ │
│ │ │ │
│ │ Permissions: Can upload documents, view all materials │ │
│ │ Joined: Feb 16, 2026 │ │
│ │ │ │
│ │ [Edit Role] [Remove] │ │
│ └──────────────────────────────────────────────────────────┘ │
│ │
│ ┌──────────────────────────────────────────────────────────┐ │
│ │ 👤 James Taylor [MEMBER] │ │
│ │ james@oceanclean.ai │ │
│ │ Product Manager │ │
│ │ │ │
│ │ ⏳ Invitation pending (sent Feb 20, 2026) │ │
│ │ │ │
│ │ [Resend Invitation] [Cancel Invitation] │ │
│ └──────────────────────────────────────────────────────────┘ │
│ │
│ ┌──────────────────────────────────────────────────────────┐ │
│ │ 🎓 Dr. Lisa Wong [ADVISOR] │ │
│ │ lisa.wong@university.edu │ │
│ │ Marine Biology Expert, Ocean University │ │
│ │ │ │
│ │ Permissions: View-only access, can leave notes │ │
│ │ Joined: Feb 18, 2026 │ │
│ │ │ │
│ │ [Edit Role] [Remove] │ │
│ └──────────────────────────────────────────────────────────┘ │
│ │
└────────────────────────────────────────────────────────────────────────┘
7.1 Invite Team Member Dialog
┌────────────────────────────────────────────────────────────────────────┐
│ Invite Team Member [✕] │
│ ──────────────────────────────────────────────────────────────────────│
│ │
│ Email Address * │
│ ┌────────────────────────────────────────────────────────┐ │
│ │ james@oceanclean.ai │ │
│ └────────────────────────────────────────────────────────┘ │
│ │
│ Full Name * │
│ ┌────────────────────────────────────────────────────────┐ │
│ │ James Taylor │ │
│ └────────────────────────────────────────────────────────┘ │
│ │
│ Role in Team │
│ ┌────────────────────────────────────────────────────────┐ │
│ │ Product Manager │ │
│ └────────────────────────────────────────────────────────┘ │
│ │
│ Team Role * │
│ ◉ Member — Can upload documents and view all materials │
│ ○ Advisor — View-only access, can leave internal notes │
│ │
│ Personal Message (Optional) │
│ ┌────────────────────────────────────────────────────────┐ │
│ │ Hi James! We'd like you to join our team for the │ │
│ │ Monaco Ocean Protection Challenge. Click the link... │ │
│ └────────────────────────────────────────────────────────┘ │
│ │
│ An invitation email will be sent to james@oceanclean.ai │
│ │
│ [Cancel] [Send Invitation] │
│ │
└────────────────────────────────────────────────────────────────────────┘
8. Results & Status Tracking
8.1 Round-by-Round Status View
Route: /applicant/status
┌────────────────────────────────────────────────────────────────────────┐
│ Competition Status — OceanClean AI │
│ ──────────────────────────────────────────────────────────────────────│
│ Category: STARTUP • Current Status: FINALIST │
└────────────────────────────────────────────────────────────────────────┘
┌─── Round Results ──────────────────────────────────────────────────────┐
│ │
│ ✅ Round 1: Application │
│ Feb 15, 2026 — Submitted │
│ Result: Approved — Advanced to screening │
│ ───────────────────────────────────────────────────────── │
│ Your application met all requirements and was approved │
│ for AI screening. │
│ │
│ ✅ Round 2: AI Screening │
│ Mar 1, 2026 — Completed │
│ Result: Passed — Advanced to Jury 1 Evaluation │
│ ───────────────────────────────────────────────────────── │
│ Your project scored 8.2/10 on AI eligibility screening. │
│ Strengths: Innovation, impact potential, technical feasibility │
│ │
│ ✅ Round 3: Jury 1 Evaluation │
│ Mar 20, 2026 — Completed │
│ Result: SEMI-FINALIST (Top 20 of 150 projects) │
│ ───────────────────────────────────────────────────────── │
│ Congratulations! You've advanced to the semi-finalist round. │
│ Jury feedback: │
│ • Strong technical approach and innovation │
│ • Excellent team credentials │
│ • Consider strengthening financial projections │
│ • Market analysis could be more detailed │
│ │
│ ✅ Round 4: Semi-finalist Documents │
│ Apr 5, 2026 — Submitted │
│ Result: Documents approved │
│ ───────────────────────────────────────────────────────── │
│ All required documents uploaded and verified. │
│ │
│ ✅ Round 5: Jury 2 Evaluation │
│ May 1, 2026 — Completed │
│ Result: FINALIST (Top 6 of 20 semi-finalists) │
│ ───────────────────────────────────────────────────────── │
│ Outstanding! You've been selected as a finalist. │
│ Jury feedback: │
│ • Excellent response to previous feedback │
│ • Strong market opportunity and competitive positioning │
│ • Financial projections are now realistic and well-justified │
│ • Team is well-equipped to execute the plan │
│ │
│ ⏳ Round 6: Mentoring │
│ In Progress — 12 days remaining │
│ Mentor: Dr. Martin Duval │
│ ───────────────────────────────────────────────────────── │
│ Work with your mentor to refine your pitch and materials. │
│ [Open Mentoring Workspace →] │
│ │
│ 🔒 Round 7: Live Finals │
│ Scheduled: July 15, 2026 │
│ Location: Monaco, Monte-Carlo │
│ ───────────────────────────────────────────────────────── │
│ Present your project live to jury and audience. │
│ More details coming soon. │
│ │
│ 🔒 Round 8: Results │
│ Scheduled: July 16, 2026 │
│ ───────────────────────────────────────────────────────── │
│ Final results announced at award ceremony. │
│ │
└────────────────────────────────────────────────────────────────────────┘
8.2 Final Results Page
Route: /applicant/results (visible after Round 8 closes)
┌────────────────────────────────────────────────────────────────────────┐
│ Final Results — Monaco Ocean Protection Challenge 2026 │
│ ──────────────────────────────────────────────────────────────────────│
│ │
│ 🏆 CONGRATULATIONS! 🏆 │
│ │
│ OceanClean AI — 2nd Place, Startup Category │
│ │
│ ────────────────────────────────────────────────────────────────── │
│ │
│ Award: €100,000 Prize + Mentorship Package │
│ │
│ Jury Feedback: │
│ "OceanClean AI demonstrated exceptional innovation in autonomous │
│ underwater plastic collection. The team's technical expertise and │
│ clear go-to-market strategy impressed the jury. We're excited to │
│ see this project scale to address ocean pollution globally." │
│ │
│ Next Steps: │
│ 1. You will be contacted by MOPC team within 48 hours │
│ 2. Prize disbursement process begins July 20, 2026 │
│ 3. Mentorship program starts August 1, 2026 │
│ │
│ [Download Certificate] [View Press Release] [Share on Social Media] │
│ │
└────────────────────────────────────────────────────────────────────────┘
┌─── Special Awards ─────────────────────────────────────────────────────┐
│ │
│ 🌟 Innovation Award — WINNER │
│ Awarded for: Most innovative use of AI and robotics in ocean tech │
│ Prize: €25,000 │
│ │
└────────────────────────────────────────────────────────────────────────┘
┌─── Competition Ranking ────────────────────────────────────────────────┐
│ │
│ Startup Category Final Standings: │
│ 1. 🥇 SeaGuard Systems │
│ 2. 🥈 OceanClean AI (You) │
│ 3. 🥉 Coral Restore Pro │
│ │
└────────────────────────────────────────────────────────────────────────┘
9. Navigation & Information Architecture
9.1 Route Structure
/applicant/
├── dashboard (/) — Main overview, progress tracker, notifications
├── application/ — Initial application form
│ ├── edit — Multi-step wizard (Steps 1-5)
│ └── review — Pre-submit review page
├── submissions/ — Multi-round document management
│ ├── [windowId] — Specific submission window upload interface
│ │ └── history — Version history per requirement
│ └── history — All submissions across all windows
├── mentoring/ — Mentoring workspace (if active)
│ ├── chat — Messages with mentor
│ ├── files — Shared workspace files
│ └── file/[fileId] — File detail with threaded comments
├── team/ — Team member management
│ ├── invite — Invite new member dialog
│ └── member/[memberId] — Member detail/edit
├── status — Round-by-round status display
├── results — Final competition results (post-Round 8)
└── notifications — Notification center
9.2 Navigation Component
Primary Navigation (Persistent Header):
┌────────────────────────────────────────────────────────────────────────┐
│ 🌊 MOPC Portal Sarah Chen 🔔 (3)│
│ ──────────────────────────────────────────────────────────────────────│
│ [Dashboard] [Submissions] [Mentoring] [Team] [Status] │
└────────────────────────────────────────────────────────────────────────┘
Mobile Navigation (Hamburger Menu):
┌─────────────────────┐
│ ☰ Menu │
│ ─────────────────── │
│ 🏠 Dashboard │
│ 📁 Submissions (2) │
│ 💬 Mentoring (3) │
│ 👥 Team │
│ 📊 Status │
│ 🔔 Notifications │
│ ⚙️ Settings │
│ 🚪 Sign Out │
└─────────────────────┘
9.3 Breadcrumbs
Dashboard > Submissions > Round 4: Semi-finalist Documents > Video Pitch
9.4 Contextual Actions
Floating Action Button (Mobile):
- On Dashboard: Quick upload to active submission window
- On Submissions: Upload new document
- On Mentoring: Send message
- On Team: Invite member
10. Mobile Experience
10.1 Responsive Breakpoints
| Breakpoint | Width | Layout |
|---|---|---|
| Mobile | < 640px | Single column, stacked cards, hamburger menu |
| Tablet | 640px - 1024px | Two-column grid for dashboard, single-column forms |
| Desktop | > 1024px | Three-column dashboard, side-by-side forms |
10.2 Mobile Dashboard
┌────────────────────────────┐
│ ☰ OceanClean AI 🔔3 │
│ ──────────────────────────│
│ │
│ ┌────────────────────────┐ │
│ │ 📋 Current Round │ │
│ │ Round 6: Mentoring │ │
│ │ ⏱ 12 days left │ │
│ │ [Open →] │ │
│ └────────────────────────┘ │
│ │
│ ┌────────────────────────┐ │
│ │ Progress │ │
│ │ ✓ Round 1-5 Complete │ │
│ │ ⏳ Round 6 Active │ │
│ │ 🔒 Round 7-8 Locked │ │
│ │ [Details →] │ │
│ └────────────────────────┘ │
│ │
│ Quick Actions │
│ ┌─────┐ ┌─────┐ ┌─────┐ │
│ │ 📁 │ │ 👥 │ │ 💬 │ │
│ │ Docs│ │ Team│ │Mentor│ │
│ └─────┘ └─────┘ └─────┘ │
│ │
│ Notifications │
│ 💬 3 new mentor messages │
│ 📅 Deadline in 12 days │
│ ✅ Round 4 docs approved │
│ │
└────────────────────────────┘
10.3 Mobile File Upload
┌────────────────────────────┐
│ ← Upload Document │
│ ──────────────────────────│
│ │
│ Business Plan (Required) │
│ │
│ Max size: 25 MB │
│ Accepted: PDF only │
│ │
│ ┌────────────────────────┐ │
│ │ │ │
│ │ Tap to Select │ │
│ │ File │ │
│ │ │ │
│ │ 📱 From Device │ │
│ │ ☁️ From Cloud │ │
│ │ │ │
│ └────────────────────────┘ │
│ │
│ OR │
│ │
│ [📷 Take Photo] │
│ │
│ ───────────────────────── │
│ │
│ Current File: │
│ business-plan.pdf │
│ 2.3 MB • Apr 2, 2026 │
│ │
│ [Replace] [View] │
│ │
└────────────────────────────┘
11. Accessibility
11.1 WCAG 2.1 AA Compliance
Keyboard Navigation:
- All forms accessible via Tab/Shift-Tab
- File upload triggers via Enter/Space
- Skip-to-content link at top
- Focus indicators on all interactive elements
Screen Reader Support:
- ARIA labels on all form fields
role="status"for deadline countdownsaria-live="polite"for notification updates- Alt text on all icons and images
- Semantic HTML (
<main>,<nav>,<section>, etc.)
Color & Contrast:
- Minimum 4.5:1 contrast ratio for text
- Status indicators include icons (not just color)
- Color-blind friendly palette
- High-contrast mode support
11.2 Accessible Components
Form Fields:
<label htmlFor="project-name" className="sr-only">
Project Name (Required)
</label>
<input
id="project-name"
name="projectName"
type="text"
required
aria-required="true"
aria-describedby="project-name-hint"
className="..."
/>
<span id="project-name-hint" className="text-sm text-muted-foreground">
Enter a descriptive name for your ocean conservation project
</span>
File Upload:
<div role="region" aria-labelledby="upload-heading">
<h3 id="upload-heading">Upload Business Plan</h3>
<input
type="file"
id="file-upload"
accept=".pdf"
aria-describedby="file-upload-instructions"
className="sr-only"
onChange={handleFileChange}
/>
<label
htmlFor="file-upload"
className="cursor-pointer ..."
tabIndex={0}
role="button"
aria-label="Choose file to upload"
>
Choose File or Drag & Drop
</label>
<span id="file-upload-instructions" className="sr-only">
PDF files only, maximum 25 megabytes
</span>
</div>
12. Email Notifications
12.1 Notification Triggers
| Event | Recipient | Subject | Content |
|---|---|---|---|
| Application submitted | Team Lead | Application Received | Confirmation with next steps |
| Round advanced | All team members | Advanced to [Round Name] | Congratulations, next actions |
| Round rejected | Team Lead | Application Status Update | Not selected, feedback if available |
| Submission window opened | All team members | New Documents Required | List of requirements, deadline |
| Deadline approaching (7 days) | Team Lead | Deadline Reminder: 7 Days | Countdown, missing requirements |
| Deadline approaching (3 days) | Team Lead | Urgent: Deadline in 3 Days | Final reminder |
| Deadline approaching (1 day) | Team Lead | Last Chance: Deadline Tomorrow | Final warning |
| Mentor assigned | Team Lead | Mentor Assigned | Mentor intro, workspace link |
| New mentor message | Team Lead | New Message from Mentor | Preview, link to workspace |
| File promoted | Team Lead | File Promoted to Submission | Confirmation |
| Final results available | All team members | Results Announced | Outcome, next steps |
12.2 Email Templates
Application Received:
Subject: Application Received — Monaco Ocean Protection Challenge 2026
Dear Sarah,
Thank you for submitting your application for "OceanClean AI" to the Monaco Ocean Protection Challenge 2026.
Confirmation Number: #MOPC-2026-001234
Submission Date: February 15, 2026
What Happens Next:
1. AI Screening (March 1-5, 2026)
Your project will undergo automated eligibility screening.
2. Jury 1 Evaluation (March 6-20, 2026)
If you pass screening, your project will be reviewed by our expert jury.
3. Results (March 25, 2026)
You'll be notified via email and your applicant dashboard.
Track Your Progress:
Visit your dashboard at any time to see your application status:
https://monaco-opc.com/applicant/dashboard
Questions?
Contact us at info@monaco-opc.com
Best regards,
Monaco Ocean Protection Challenge Team
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
This is an automated message. Please do not reply directly.
View in browser: https://monaco-opc.com/emails/[token]
Round Advanced (Semi-finalist):
Subject: 🎉 Congratulations! You're a Semi-finalist
Dear Sarah,
Exciting news! Your project "OceanClean AI" has been selected as a SEMI-FINALIST in the Monaco Ocean Protection Challenge 2026.
Out of 150 applications, only 20 projects advanced to this round. Your innovation and impact potential impressed our jury.
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Next Steps:
1. Submit Additional Documents (Due: April 30, 2026)
We need updated materials to prepare for the next jury round:
• Updated Business Plan (required)
• Financial Projections (required)
• Video Pitch (required)
Upload at: https://monaco-opc.com/applicant/submissions/round-4
2. Jury 2 Evaluation (May 1-15, 2026)
A second jury panel will review your updated materials.
3. Finalist Announcement (May 20, 2026)
Top 6 projects will be selected for the live finals in Monaco.
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Jury Feedback:
• Strong technical approach and innovation
• Excellent team credentials
• Consider strengthening financial projections
• Market analysis could be more detailed
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Questions?
Contact us at info@monaco-opc.com
Congratulations again!
Monaco Ocean Protection Challenge Team
Mentor Assigned:
Subject: Your Mentor Has Been Assigned — Dr. Martin Duval
Dear Sarah,
Great news! We've assigned a mentor to help you prepare for the live finals.
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Your Mentor:
Dr. Martin Duval
Senior Researcher, Monaco Ocean Institute
Expertise: Marine Biology, Ocean Technology, Sustainability
"I'm excited to work with the OceanClean AI team. Your approach to autonomous plastic collection is innovative and has significant potential for real-world impact. Let's work together to refine your pitch and strengthen your business plan."
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Mentoring Period: June 1 – June 30, 2026
Access Your Workspace:
https://monaco-opc.com/applicant/mentoring
Features:
• Private chat with Dr. Duval
• Shared file workspace with comments
• Milestone tracking
• File promotion to official submissions
Dr. Duval will reach out to you within 48 hours to schedule an initial meeting.
Best regards,
Monaco Ocean Protection Challenge Team
13. API Changes
13.1 New Procedures
Applicant Router (src/server/routers/applicant.ts):
// Dashboard
applicant.getDashboard.useQuery()
→ Returns: {
project, competitionProgress, activeTasks,
submissionWindows, notifications, upcomingDeadlines
}
// Multi-round submissions
applicant.getSubmissionWindows.useQuery()
→ Returns: Array<{ id, name, status, requirements, progress }>
applicant.getSubmissionWindowDetail.useQuery({ windowId })
→ Returns: { window, requirements, uploadedFiles, isLocked }
applicant.uploadFileToWindow.useMutation({ windowId, requirementId, file })
→ Uploads file to specific submission window
applicant.deleteFileFromWindow.useMutation({ fileId })
→ Deletes uploaded file (if window is still open)
// Mentoring workspace
applicant.getMentoringWorkspace.useQuery()
→ Returns: { mentor, workspaceStatus, messages, files, milestones }
applicant.uploadWorkspaceFile.useMutation({ mentorAssignmentId, file })
→ Uploads file to private mentoring workspace
applicant.addFileComment.useMutation({ fileId, content, parentCommentId? })
→ Adds comment to workspace file
applicant.promoteFileToSubmission.useMutation({
mentorFileId, submissionWindowId, requirementId
})
→ Promotes workspace file to official submission
applicant.sendMentorMessage.useMutation({ mentorAssignmentId, message })
→ Sends chat message to mentor
applicant.getMentorMessages.useQuery({ mentorAssignmentId })
→ Retrieves chat history
// Team management
applicant.inviteTeamMember.useMutation({ email, name, role })
→ Sends team invitation
applicant.removeTeamMember.useMutation({ memberId })
→ Removes team member
applicant.updateTeamMemberRole.useMutation({ memberId, role })
→ Changes member role (MEMBER/ADVISOR)
// Status & results
applicant.getCompetitionStatus.useQuery()
→ Returns: Round-by-round status with results and feedback
applicant.getFinalResults.useQuery()
→ Returns: Final competition results (post-Round 8)
13.2 Modified Procedures
Updated:
// Was: applicant.getMyDashboard()
// Now: Enhanced with multi-round support
applicant.getDashboard.useQuery()
// Added fields:
// - competitionProgress: Array<RoundStatus>
// - submissionWindows: Array<WindowStatus>
// - activeTasks: Array<Task>
// - upcomingDeadlines: Array<Deadline>
13.3 Data Validation
Zod Schemas:
// Submission window upload
const uploadToWindowSchema = z.object({
windowId: z.string().cuid(),
requirementId: z.string().cuid(),
fileName: z.string().min(1).max(255),
mimeType: z.string(),
size: z.number().positive(),
})
// File promotion
const promoteFileSchema = z.object({
mentorFileId: z.string().cuid(),
submissionWindowId: z.string().cuid(),
requirementId: z.string().cuid().optional(),
})
// Team invitation
const inviteTeamMemberSchema = z.object({
email: z.string().email(),
name: z.string().min(1).max(255),
roleInTeam: z.string().optional(),
teamRole: z.enum(['MEMBER', 'ADVISOR']),
personalMessage: z.string().optional(),
})
Summary
The redesigned Applicant UI transforms the platform from a basic submission system into a comprehensive competition management experience:
-
Multi-Round Submissions — Teams progress through multiple document submission windows, each with its own requirements, deadlines, and locking behavior.
-
Mentoring Workspace — Private collaboration space with chat, file sharing, threaded comments, and promotion to official submissions.
-
Team Management — Full team roster with role-based permissions, invitations, and member management.
-
Progress Tracking — Visual round-by-round tracker showing status, results, and feedback at each stage.
-
Deadline Management — Countdown timers, grace periods, late submission handling, and reminder notifications.
-
Mobile-First Design — Responsive layouts optimized for all screen sizes with touch-friendly interactions.
-
Accessibility — WCAG 2.1 AA compliant with keyboard navigation, screen reader support, and high-contrast mode.
-
Comprehensive Notifications — Email and in-app notifications for all critical events with actionable links.
This redesign aligns with the broader architecture changes (Competition → Round model, SubmissionWindow entities, MentorFile system) and provides applicants with a world-class competition experience from initial application through final results.