All projects

CASECompany site · Training & certification

A company site that sells while you sleep

remotepilot.id is the website of PT Remote Pilot Indonesia, a drone training and certification provider. It explains every program, answers regulation questions, ranks for the searches companies make, and turns an inquiry into a ready-to-send proposal PDF without anyone typing it.

Role
Designer, developer and SEO
Period
2022 - now
Platform
Web
remotepilot.id home page
Home: full-bleed aerial photography, one clear promise, and the three things visitors look for.
6,000+
alumni trained since 2018, as shown on the site
47
cities where classes have been held
30
schema.org types, from Course to HowTo and Legislation
24 pages
proposal PDF generated from a short form

01The problem

Every inquiry cost hours of paperwork

Companies and agencies asking for drone training expect a formal proposal: letter, program, schedule, prices and terms, in the company’s official format. Writing each one by hand took hours and delayed the answer.

At the same time, the people searching for “pelatihan drone” or “sertifikasi BNSP” needed clear pages that answer their questions and rank on Google.

02Product

What I built

  1. 01 · Program pages

    Mapping, LiDAR, thermal, spraying, fixed-wing VTOL, photo/video and security training, each with outline, schedule and pricing.

  2. 02 · Proposal generator

    A short form produces the official 24-page certification proposal as a PDF, with numbering, recipient, schedule and prices filled in.

  3. 03 · Invoices & certificates

    PDF invoices and bulk certificates with QR codes, generated on the server with pdf-lib.

  4. 04 · Regulation guides

    Plain-language pages on Indonesian drone regulations and the SIDOPI permit process.

  5. 05 · Zero-cost backend

    Registrations and requests stored in Google Sheets through my own open source google-sheet-crud package.

  6. 06 · Drone Mapper launch page

    Product page with CSS-drawn MacBook mockups and direct downloads for macOS and Windows.

Hard parts

What made it difficult

  • Pixel-faithful PDFs

    The generated proposal had to match the official document page by page, so the layout is rebuilt in pdf-lib with embedded fonts, tables and page breaks.

  • A backend with no server bill

    Using Google Sheets as the database keeps costs at zero, but needed strict validation and a thin API layer to stay fast and safe.

  • Ranking in a crowded niche

    Training providers compete for the same keywords, so every page carries focused copy, structured data and internal links instead of thin landing pages.

Outcome

Who it helps

  • Faster sales

    A proposal is ready in a minute instead of an afternoon.

  • More organic leads

    Pages built around what companies actually search for.

  • Trust

    Verifiable certificates and clear regulation guides show the company knows the field.

04Skills · What it took

The craft behind it

SEO

Built to be found

  • JSON-LD in 30 schema.org types, including Course, CourseInstance, EducationalOrganization, FAQPage, HowTo, VideoObject and Legislation.
  • Location landing pages, regulation articles and program pages linked as a topic cluster, with sitemap, canonicals and Open Graph.
  • Copy written in Indonesian for real search intent, with FAQs that answer the questions sales hears every day.

Design

Editorial, cinematic, clear

  • Full-bleed aerial photography with a heavy extended typeface and quiet, monospace labels.
  • One primary action per screen, sticky navigation with grouped menus, and a WhatsApp shortcut for local buyers.

Engineering

Lean and automated

  • Next.js 16 with static generation where possible; server-side PDF generation for proposals, invoices and certificates.
  • Google Sheets API as a database through an npm package I maintain.
  • Next.js
  • TypeScript
  • Tailwind CSS
  • Framer Motion
  • pdf-lib
  • Google Sheets API
  • google-sheet-crud
  • HLS video

05Screens

A closer look

Training programs
Training programs with the numbers that build trust: programs, alumni, cities and LMS access.
Proposal generator
Proposal generator: a short form that produces the official 24-page PDF.

Next case study

GERAKS

Website and back office for a Jakarta corporate training provider