Digital Agency2025

zdkiel

When the brief is 'make it unforgettable' — a motion-intensive, animation-choreographed site built as pure proof of craft. No templates. No borrowed layouts. Every pixel is a decision.

Overview

zdkiel is the sister studio — this is the 'build for ourselves' project. The brief was deliberately terrifying: build something nobody scrolls past. Not a template. Not another 'clean minimal agency site' with a dark background and a 'Let's talk' button. Something that makes a developer pause mid-scroll and a designer lean forward. Two versions exist: a Framer concept and a full React + Vite production build. Both funnel to a single inquiry. Every scroll earns it.

Challenge

Agency sites are a sea of sameness. Dark background, geometric sans-serif, grid of case studies, contact form. The brief demanded pattern-breaking without sacrificing usability. The entire site had to funnel to a single inquiry — not scatter attention across 'About Us' pages and team photos nobody reads. If the craft isn't visible in the site itself, no pitch deck will compensate.

Approach

Every surface is a design decision. GSAP-driven animations with purpose — scroll-triggered reveals, path-drawn SVG preloader, magnetic cursor tracking. A three-font typographic system — Clash Display, DM Sans, Instrument Serif — cast like actors, not picked from a dropdown. Native scroll only, because that's what feels premium. The layout breaks convention where it earns attention and respects convention where it serves clarity. One inquiry form, one conversion goal, zero compromise on craft.

Deliverables
01

UI Concept

Custom layout system, scroll-driven motion choreography, SVG preloader with path-draw animation and ambient glow

02

Production Build

React 19, Vite, Tailwind v4, GSAP ScrollTrigger, Framer Motion — fully responsive with safe-area insets

03

Typography System

Three-font hierarchy: Clash Display (display), DM Sans (body), Instrument Serif (accent) — intentional shifts

04

Conversion Funnel

Single inquiry form, magnetic CTA, every section designed to move the visitor one step closer

Outcomes
100%Custom — zero templates, zero borrowed layouts
< 2sFirst contentful paint on mobile
209Works showcased in the design archive
The site is the proof — no pitch deck needed
Gallery
Hover to reveal
zdkiel — screenshot 2
Hover to reveal
zdkiel — screenshot 3
Hover to reveal
zdkiel — screenshot 4
Hover to reveal
zdkiel — screenshot 5
Hover to reveal
zdkiel — screenshot 6
Hover to reveal
Next project
Aesthetic Maniac
Availability — 02 slots

Two slots open
this month.

14 brands delivered. Chennai-based. Reply within 4 hours.