ROOKS
ENUA
Case studyStudio site

NOAR: brand studio portfolio website case study

Video-led portfolio for a brand studio, with 3D and scroll animation.

Live website

Home page

Client
NOARA full-circle brand development studio in Kyiv and London, founded in 2022.
Type
Studio siteEnglish-language studio portfolio.
Our part
Web developmentFront end, 3D, animation and CMS, built from the supplied design.
Stack
Next.js · Payload CMS · GSAP · Three.jsFront end on Next.js, projects in Payload CMS, animation on GSAP, 3D on Three.js.
Timeline
4 weeksFrom the supplied design to the live site.

About project

A Video-Led Studio Portfolio

We built the NOAR portfolio on Next.js: a video hero, featured projects, scroll animation and 3D, the studio’s expertise and animated counters, with Payload CMS so the studio edits its own projects. The project took 4 weeks.

weeks from design to live site
4
expertise areas
3

The brief

The task

Build a video-led portfolio for a brand studio, combining motion and 3D with a CMS for managing projects.

  1. <01> In · From the clientSupplied design
  2. <02> ROOKS · 4 weeksWeb development
  3. <03> Out · LiveStudio portfolio on Next.js

What we built

Motion that sells the studio, a CMS that keeps the portfolio fresh.

  • Front end & 3D

    Next.js with GSAP and Three.js scenes.

  • Video

    Video hero and video project previews.

  • CMS

    Payload CMS so the studio edits its own projects.

On the live site

Key features

Video hero
Studio statement with Kyiv and London locations.
Projects
Featured cases with year and a link to more cases.
Expertise
Design, video and photo production, development.
Counters
Clients, years of experience and team members.
Scroll animation
Text and 3D that react to scrolling.
Contacts
Phones for Kyiv and London, socials.
NOAR studio website: screen 1 of 4
NOAR studio website: screen 2 of 4
NOAR studio website: screen 3 of 4
NOAR studio website: screen 4 of 4

Your project

Planning a studio website?

Send us your design. Dmytro replies within 1–3 business days.

Dmytro HrachovFounder, replies personally

hello@rooks.team

Let’s talk

Start with a conversation

Book a call

Tell us what you need to build, where the design stands and what matters for launch. We’ll discuss the technical scope and whether we’re a good fit.

Dmytro Hrachov, founder of ROOKS

Dmytro HrachovFounder, replies personally

Or write to:hello@rooks.team
I’m a
Required. We only use your details to reply to this request. Dmytro replies within 1–3 business days.