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

- 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
01 · Program pages
Mapping, LiDAR, thermal, spraying, fixed-wing VTOL, photo/video and security training, each with outline, schedule and pricing.
02 · Proposal generator
A short form produces the official 24-page certification proposal as a PDF, with numbering, recipient, schedule and prices filled in.
03 · Invoices & certificates
PDF invoices and bulk certificates with QR codes, generated on the server with pdf-lib.
04 · Regulation guides
Plain-language pages on Indonesian drone regulations and the SIDOPI permit process.
05 · Zero-cost backend
Registrations and requests stored in Google Sheets through my own open source google-sheet-crud package.
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


Next case study
GERAKS
Website and back office for a Jakarta corporate training provider
