TMS: Documents Upload

mindful blog mobile app project image 2

TrainingManager365 is a role-based training management platform used by aviation and safety-critical industry organizations. The platform manages training records, activity timelines, certifications, and compliance verification across multiple user roles.

As part of a broader platform evolution, the Documents feature was introduced to digitize and centralize role-based document verification — replacing fragmented, manual processes with a structured, AI-assisted workflow.

Industry:

Ed Tech, Aviation

Industry:

Ed Tech, Aviation

Company:

NDA

UX/UI Design

UX/UI Design

Platforms: Web, Tablet, Mobile

Platforms: Web, Tablet, Mobile

2026

2026

mindful blog mobile app project image 2
mindful blog mobile app project image 2

Problem

Organizations operating in regulated industries require staff to hold valid, role-specific documents — such as passports, medical certificates, and type ratings — before they can be cleared for active duty. The existing process relied on email exchanges, physical submissions, and manual review, creating significant compliance risk and administrative overhead.

Two core pain points were identified:

01

No centralized document repository

Documents were scattered across email threads, local drives, and physical folders

02

No automated validity checking

Expiry dates and document types were verified manually, introducing human error and delays

Goals

Give each user role a clear view of their required documents

Document upload directly within the personal file

AI-based validation to automatically check document type, validity dates, and compliance status

Present new functionality as a 'wallet for documents' on mobile devices

Reduce time on operational and compliance checks

Users & Roles

The feature was designed for three distinct personas, each with different needs and permissions:

Trainee

Uploads required documents to complete their initial verification. Sees only their own requirements and upload status. On mobile, the document view functions as a portable wallet for presenting credentials

Instructor

Similar upload flow to the trainee, but with a different document requirement set and permissions.

Training Manager

The administrative oversight role. Can view all documents across trainees and instructors, monitor issues, trigger re-verification requests, and manage document statuses.

Key UI Decisions

Required Documents states

When a user first lands on the Documents tab, they see a clean three-slot layout (ID Document, Type Rating, Medical Certificate) with placeholder states and a clear call to action. This communicates exactly what is missing without overwhelming the user.

Upload & AI validation flow

Upon upload, the system passes the document through an AI check that evaluates document type recognition, expiry date parsing, and format validity. Results are surfaced inline with status indicators : valid, expiring soon, or flagged, removes the need for manual review in standard cases.

Expiry visibility

Documents nearing expiry are highlighted with a color-coded warning (e.g., "Expires in 30 days") directly on the document card, prompting proactive renewal before compliance lapses.

mindful blog mobile app project image 2
mindful blog mobile app project image 2

Responsive Design

I built the layout across three breakpoints: desktop, tablet, and mobile.
Mobile works as a document wallet, optimized for presenting documents rather than managing them.

mindful blog mobile app project image 2
mindful blog mobile app project image 2

Outcome

The feature brought real compliance structure to a process that was previously held together with emails and manual checks. Each role got a clear, guided upload path — no guesswork, no incomplete submissions.

AI validation caught mismatches and expired documents at upload, cutting out the entire back-and-forth review cycle. Mobile turned the feature into a digital wallet, so staff could carry and present credentials on the spot.

I designed and built new components specifically for this feature, keeping them consistent with the overall system while solving problems that existing patterns couldn't cover. The result was a more auditable, proactive compliance process and a measurable reduction in risk for the organization.

Praskovia Mitskevich

User Experience Design services

Thanks for watching!

Praskovia Mitskevich

User Experience Design services

Thanks for watching!

Create a free website with Framer, the website builder loved by startups, designers and agencies.