07 / Aviation

Aircraft Livery Mockup Maker

Aircraft Exterior Livery Mockup Designer

Role

Product Manager

Skills

Full-stack Development3D Asset IntegrationDockerLead GenerationProduct Strategy
Aircraft Livery Mockup Maker - Image 1

Overview

A 3D digital mockup tool that enables brands and advertisers to visualize their advertisements as aircraft exterior liveries before committing to placements. Users can place artwork on various sections of the aircraft, view it from multiple angles, and receive a downloadable PDF of the mockup along with company details via email. All submitted information is stored in a lead database for follow-up by the sales team.

Why was it built?

  • Advertisers needed a way to visualize how their artwork would appear on aircraft exteriors.
  • The sales team needed a scalable, automated lead generation tool.
  • Manual mockup creation was time-consuming and unsustainable for the design team.

How was it built?

The platform was developed using the Next.js framework with TypeScript. It uses PostgreSQL hosted in Docker containers to support scalability. Authentication is handled using JWT (RFC 7519), and Prisma ORM manages database interactions. A custom 3D model with texture-mapped surfaces enables 2-axis customization and responsive scaling across 7 key livery zones.

What did I do?

  • Defined the product vision, roadmap, and release milestones.
  • Collaborated with developer to define customization zones and texture-mapping requirements.
  • Specified core functionalities, UI behavior, and backend logic.
  • Designed the user flow for mockup creation, lead capture, and automated PDF delivery.
  • Worked with stakeholders to align the tool with sales strategy and lead management processes.
  • Guided a lean development team of two, supporting the developer through a rapid learning curve as we ventured into unfamiliar 3D customization and rendering territory.

Results

  • Enabled advertisers to independently create high-fidelity livery previews.
  • Automated lead generation and follow-up through integrated email and database workflows.
  • Reduced reliance on manual design work, freeing internal resources.

Core Skills & Approach

Full-stack product development with Next.js, TypeScript, PostgreSQL, and Prisma3D asset integration and customization logicScalable infrastructure with Dockerized servicesLead generation automation and database designProduct strategy, roadmap planning, and cross-functional collaboration