01 - The brief

From one page to a full project-led platform

Define Creative came from a simple, single-page site with nowhere to put growing project work. The brief was to move to a full project-led structure, giving them the capability to create individual project pages, service pages, and more — so the work could be displayed in its full glory rather than compressed onto one scroll.

02 - The first impression

Motion before message

The hero opens on autoplay video rather than a static image, letting the work itself make the pitch before a headline loads. The tagline "We shoot frames and De·fine stories" leans on the wordplay in the studio's own name rather than a generic value statement — brand voice baked into the first line a visitor reads.

03 - Brand + Tone

Capability-first navigation

The nav surfaces the three service lines (video production, aerial imagery, animation) as top-level items rather than burying them under a generic "services" dropdown — signals specialism over generalist agency positioning before a visitor reads a word of copy.

04 - Structure + Flow

The portfolio does the selling

The homepage moves straight into a dense, scrollable project grid rather than an extended "why choose us" section — appropriate for a visual medium where the work is the argument. Client logos are grouped as social proof beneath it rather than scattered throughout, so credibility and portfolio don't compete for attention.

05 - The details

Project cards that move before you click

Each project thumbnail in the grid is a looping GIF rather than a static image, giving visitors a taste of the motion work before they commit to a click. For a studio selling video, that's the detail doing more selling than any headline could.

06 - The build

Three CMS collections doing the heavy lifting

Built on Webflow around an extensive landing page CMS, giving Define Creative the structure to spin up new service and capability pages without a rebuild each time. Alongside it, a dedicated projects CMS handles the case study side — the collection that supports the image-based and video-based project types.

07 - The result

A platform, not a page

Define Creative went from a static one-pager to a full project-led site, with the CMS structured around two project types — image-based and video-based — giving the studio room to keep adding work without ever running out of page to put it on.