ORBITAL — Earth Observation Platform
See the planet as a system.
A flagship scroll-cinema site for a satellite / geospatial-data company. A fully procedural 3D points-Earth (React Three Fiber — no textures) sits pinned mid-screen while one scrubbed GSAP timeline drives four chapters: constellation orbits appear, downlink arcs draw between ten ground stations, an analysis scan-wave recolors the continents, and the globe shrinks into a live mission console. Every scene is reduced-motion safe and the whole site is a static export.
Role · Design + front-end build (R3F globe, GSAP scroll choreography) · Updated Jul 2026
- 7 page types: scroll-cinema home, platform, constellation, data products, company, contact, 404
- The full R3F globe scene (procedural land dots, arcs, orbits, atmosphere) as reusable components
- GSAP ScrollTrigger + Lenis motion foundation with a reduced-motion matchMedia gate
- Typed content layer for chapters, specs, use-cases and console rows — clean CMS seams
- Delivery
- 3–4 days
- Licence
- One-time licence · full source
- Support
- 14 days setup support
- Updates
- Free updates included
Backend · Headless CMS / forms
All copy and metrics live in typed data blocks; wire the access-request form to any provider (CRM, Formspree) and the content to a CMS.
Delivered as full Next.js source. The globe, arcs and chapters are typed data — retheme, re-station and re-copy without touching the 3D code.
What makes it special
A procedural planet, not a texture
~9,000 land dots sampled live from a world-atlas dataset form the continents; a fresnel atmosphere, satellite orbit rings and great-circle downlink arcs complete the scene. Zero image weight, crisp at any DPI, recolorable in code.
One timeline drives everything
A single scrubbed ScrollTrigger timeline choreographs the DOM chapters and every 3D uniform together — intro dot-reveal, orbit fade-in, arc drawing, the amber analysis scan-wave, and the finale where the globe docks into a mission-console panel.
Scroll-cinema with an honest fallback
Under prefers-reduced-motion the same content renders as calm stacked sections with a rich static globe pose — nothing hidden, nothing moving. The store's strictest accessibility convention, kept on the flashiest template.
Complete data-company IA
Platform (console mock + feature grid), Constellation (orbit diagram + spec table + three hardware generations), Data products (three abstraction tiers), Company and a validated access-request flow.
Fast where it counts
three.js loads as a lazy chunk only on the home cinema; every other route ships ~103 kB first-load. Fonts self-hosted, no runtime external requests, static export deploys anywhere.
What’s included
- 7 page types: scroll-cinema home, platform, constellation, data products, company, contact, 404
- The full R3F globe scene (procedural land dots, arcs, orbits, atmosphere) as reusable components
- GSAP ScrollTrigger + Lenis motion foundation with a reduced-motion matchMedia gate
- Typed content layer for chapters, specs, use-cases and console rows — clean CMS seams
- Full Next.js 15 / TypeScript source, static export, WCAG 2.2 AA intent
More Technology & SaaS templates
Explore more collections
Frequently asked
- What do I get when I buy ORBITAL?
- A one-time licence with the full, editable source code, including 7 page types: scroll-cinema home, platform, constellation, data products, company, contact, 404, the full r3f globe scene (procedural land dots, arcs, orbits, atmosphere) as reusable components, gsap scrolltrigger + lenis motion foundation with a reduced-motion matchmedia gate. 14 days setup support and free updates included.
- What is ORBITAL built with?
- It's a Next.js marketing site, built with Next.js 15, TypeScript, Tailwind v4, GSAP ScrollTrigger, React Three Fiber. You receive the complete source to host and extend anywhere.
- Can YantraCore customise ORBITAL for my brand?
- Yes — buy it as-is for $4,800, or have YantraCore tailor it to your brand, content and requirements. Start from this page or commission a custom build.
- How fast is delivery?
- Delivery is 3–4 days after purchase.
Make ORBITAL yours.
Buy it as-is, or have YantraCore tailor it to your brand and content.