Back to selected work

Studio website / interactive experienceJune–August 2026

CreativeDaco

A studio story told through space, light, and motion.

Role
Design & front-end development
Contribution
Visual direction, responsive interfaces, scroll choreography, and project presentation.
  • Art direction
  • Next.js
  • React
  • Scroll animation
  • TypeScript
  • GSAP
  • Three.js
  • Tailwind CSS
Explore the live site
CreativeDaco website scrolling from a monumental wolf gate through the studio hall, project portals, capabilities, and contact threshold.

Give the studio a world of its own.

CreativeDaco brings the studio’s identity, selected work, and approach into one continuous journey. My work connects the visual direction with the front-end experience: monumental architecture, restrained typography, and carefully timed motion that responds to the visitor’s scroll.

01 / Visual direction

An entrance with a point of view.

The wolf gate introduces a visual language of carved stone, deep shadow, and electric blue light. The opening pairs that atmosphere with a direct statement of what the studio does, giving the experience both a memorable identity and a clear starting point.

CreativeDaco opening screen with a carved wolf gate, blue light, and the headline Built in code. Carved in stone.

02 / Scroll choreography

Let the visitor set the pace.

Normal page scrolling moves the story from the entrance into the studio hall. Film timing and text placement work together, allowing the architecture to open up around the narrative. Each scene has room to arrive, communicate, and give way to the next.

A monumental dark studio hall with a thin blue opening and the CreativeDaco studio story set on the right.

03 / Project presentation

Make the work part of the world.

Selected projects appear inside architectural portals, with moving previews for Alphapays, ARRA Networks, and Floraffeine. Each preview keeps its own visual character while sharing the same spatial frame. From there, the visitor can enter a dedicated case study.

An Alphapays interface film inside CreativeDaco’s architectural project portal, with a link to enter the project.

04 / Interface engineering

Build the structure behind the motion.

The site combines a cinematic stage with semantic page content. Next.js, React, and TypeScript provide the structure; GSAP and Three.js support the motion and project previews. Responsive layouts and a reduced-motion presentation keep the studio story available across different ways of browsing.

CreativeDaco capabilities arranged beside a suspended stone column, connecting strategy, design, and engineering.

05 / Closing the journey

Leave a clear next step.

The final threshold brings the movement to a quieter conclusion. A short invitation and a direct route into a conversation give the experience a practical destination, carrying the same visual language from the first frame to the final interaction.

CreativeDaco’s closing scene with a blue-lit horizon, the message Build what should exist next, and a Start a conversation link.

A distinct identity. A continuous experience.