StageFlow

Ruby on Rails, Figma, JavaScript, SCSS

A web app that automates the processes behind creating and signing internship agreements.

Visit Live Site

As a solo project, StageFlow reflects my full range: product thinking, system design, UI/UX, backend logic, and deployment. It also taught me how to communicate with non-technical stakeholders and deliver something useful, not just impressive.

This wasn’t a school project or a portfolio piece for show; StageFlow is a real, working product used by real people. It’s currently live and in use at Parsons Paris, with plans to expand. I worked directly with stakeholders from the school, translating rough requirements into a polished system that saves hours of admin work and improves the student experience.

I’ve been iterating on it before and after my full-time job (as well as during lunch breaks when possible). The project still recieves regular updates based on rounds of testing and feedback with users.


Live StageFlow Parsons Paris Landing Page

Introduction 


The process of managing internship contracts poses significant challenges for universities, students, and the companies hiring them. They face problems such as inefficient back-and-forth communications, time-consuming data entry, scattered data across multiple platforms, substantial room for human error, and a lack of scalability. These issues not only impede the operational efficiency of internship programs but also detract from the overall educational experience for students and partnering companies. 


StageFlow emerges as a tailored solution to these challenges. The goal is to streamline and consolidate the existing internship management process. StageFlow is a web application designed from the ground up to automate internship contract management. It is a centralised platform for effortless data entry, digital contract signing, and progress tracking, significantly reducing manual workload and errors while ensuring scalability and GDPR (General Data Protection Regulation) compliance. 


Objectives


  • Reduce manual workload and minimise errors in the internship contract process
  • Provide a centralised platform to manage internships and signing status
  • Ensure GDPR compliance throughout the entire workflow
  • Implement legally binding digital signatures for all parties

Example User Journey


  1. Students initiate the process by entering their details and internship information. 

  2. Parsons Paris reviews submissions, approves internships, and invites companies to participate. 

  3. Companies provide their details and sign the contracts digitally, followed by the student and university signatures. 

  4. All parties gain access to the finalised contracts via email.

Example of an internship in-progress. Awaiting the next step, company signature.

(This flow is entirely customisable. It was chosen to emulate Parsons Paris' existing process, previously handled by lots of emails, printing and signing physical PDFs, manual data entry, etc.)



Tech Stack


  • Backend: Ruby on Rails,  PostgreSQL, Apache, Passenger
  • Frontend: ERB, SCSS, JavaScript
  • PDF Generation and Digital Signatures: Prawn and  DocuSign API
  • Authentication: Devise

One of the customisable views of a staff dashboard


The Super-Admin dashboard showing a list of all users




Important Features of StageFlow: 


Core:

  • Automated Contract Generation
    • Minimises manual data entry and human error. Generated from form data, custom styling, fully editable before submission.

  • Centralised Data Management
    •  Unifies student, university, and company information in one secure location. 

  • Integrated E-Signature Workflow
    • Built-in, legally-binding, digital signing via DocuSign API, so no more fuss with downloading > uploading > printing > scanning contracts.

  • Intuitive Dashboards
    • Custom dashboards for students, university staff, and company representatives to track progress, manage contracts, and review past data efficiently. 

  • GDPR Compliance
    • Ensures data is handled securely, respecting privacy and regulatory requirements. A priority of StageFlow is closely following all European data protection laws.


Other:

  • Modern UI/UX from Scratch
    • Designed entirely from the ground up; no templates, no design system shortcuts. Clean, responsive, minimal, and user-first.

  • Fully Authenticated User Roles
    • Custom logic for Students, Companies, Faculty, and Admins, each with tailored permissions and dashboards.

  •  Dynamic Internship Form Flow
    • Forms have real-time validations, conditional fields, and auto-save.

  • Smart Notifications & Status Tracking
    • Automated emails and visual status indicators keep everyone in the loop at each stage of the approval pipeline.

  • Admin Tools 
    • University staff can configure internship requirements per semester, track submissions, and export clean datasets.
    • Super admins can perform full CRUD actions on all relevant data.
    • A CSV export system built for archival and accreditation reporting, with optional filters by semester, approval status, etc.

  • Robust Testing & Bug Handling
    Strong emphasis on validation, error states, and graceful fallback, especially for forms and edge-case scenarios.


This a figma mockup I created before development.


This is a live example of the same page.