Home / Works / Orbital

//Case Study

Orbital — Portfolio Template

A bold, creative, conversion-focused portfolio template made for design studios to showcase their work and attract clients.

Client: FieldstudioYear: 2026Timeline: 6 weeksRole: Design + Build + Motion
HTML5 & CSSGSAPVITE
Laptop showing programming language for the Orbital portfolio template

Overview

Fieldstudio’s work deserved better than a grid of thumbnails. Orbital treats every project like a premiere: full-bleed openers, staggered reveals, oversized type, and a persistent “start a project” presence that never shouts.

Underneath the drama sits a strict system — the studio can add a project in an afternoon and it will look art-directed on arrival.

The challenge

Portfolio sites often punish their owners: custom layouts per project mean every new case study needs a designer. Fieldstudio had a backlog of twelve unpublished projects because publishing was too painful.

Our approach

We designed six repeatable project archetypes — launch, rebrand, campaign, product, spatial, editorial — each dramatic, each driven by the same content fields. GSAP powers the transitions; content editors never touch it. A cover-image recipe (crop, overlay, type scale) keeps every entry coherent.

“Publishing went from a two-week favor to an afternoon task. The backlog is gone.” — Fieldstudio

Deliverables

  • Homepage with staggered work index and showreel band
  • Six project archetype templates with motion presets
  • Cover-image recipe and art-direction checklist
  • Contact flow with project-type qualifier
  • Publishing guide with video walkthroughs

Outcome

Fieldstudio published their entire twelve-project backlog within a month of launch. Inbound enquiries now arrive citing specific projects, and the average project value has climbed.

Orbital project archetype on a wide monitor Dual monitors showing the Orbital motion system

Related work

READY TO TAKE YOUR
IDEA TO Start Project
THE NEXT LEVEL?