Skip to content
Book a call

Stratford, CT · Est. 2008 · 2026

When the bills start to drown, you call the firm that picks up.

A cinematic 10-act scroll story for a Stratford CT firm — bankruptcy, personal injury, workers' comp, estate. The brief: replace the corporate-template look with a site that feels like the moment a client decides to call. Storm, courthouse, calm.

— I. The architecture

Ten acts. One scroll.

  1. I

    Storm street

    Lone figure under rain, firm sign far down the block.

  2. II

    The papers

    BILL, NOTICE, SUMMONS blow past the figure.

  3. III

    Approach

    Camera pushes in, sign reads ROSENBERG & HITE.

  4. IV

    The door

    Figure steps inside — "the moment you decide to call."

  5. V

    Interior

    Desk lamp, bookshelves, leather chair silhouette.

  6. VI

    The team

    Max Rosenberg, Chris Hite — credentials, est. 2008.

  7. VII

    Practice areas

    Four cards — bankruptcy, PI, workers' comp, estate.

  8. VIII

    Results

    Stats marquee — 15+ yrs, 200+ five-star, A+ BBB.

  9. IX

    Courthouse rise

    Dawn breaks. Papers settle. Columns appear.

  10. X

    Contact

    "Let's talk." 203-870-6700.

— II. The brief

A law firm site that doesn't lead with stock smiles.

Most CT law firm sites look like a Squarespace template with a stock photo of a courthouse. Rosenberg & Hite asked for the opposite — a site that respects the weight of the moment a client decides to make the call. So we built a cinematic scroll story instead of a brochure.

The choreography is driven by scroll position, pure requestAnimationFrame, no libraries. Rain intensifies, the sun emerges, papers settle, the courthouse rises. After Act X, the site shifts into editorial-magazine mode: practice grid, stats marquee, real testimonials (Ana B.'s wage garnishment, John O.'s "11:30 PM on a Saturday"), contact section with a giant italic "Let's talk." watermark.

— III. The details

Film grain

SVG turbulence overlay on every layer.

Right-rail dots

Progress dots: Storm → Approach → Clarity → Practice → Voices → Contact.

Theme-switch nav

Transparent over the stage, cream-blur over content, ink-blur at contact.

Type system

Fraunces (display, italic) + Inter Tight (body).

Brass dot

Pulsing beside the phone number — alive.

Cliogrow embed

Real "Book a free 15-minute consultation" — wired.

"They called me back at 11:30 PM on a Saturday. That's the entire reason I tell people about them."

— John O., bankruptcy client

— IV. The build

Cinema without a library.

Engine
Pure rAF scroll-driver — no GSAP, no ScrollMagic
Stage
10 stacked layers, position-driven opacity + transform
Type
Fraunces + Inter Tight via fonts.bunny.net
Booking
Cliogrow embed for the consultation
Address
2051 Main Street, Stratford CT · 203-870-6700
Compliance
State Bar disclaimer line in footer

Or send the details · async

Drop a quick brief

Prefer to type it out? Tell me what you're working on. Replies within 24 hours.