A Berlin corner building at blue hour with the lit Café Nocturne. The camera approaches, opens the glass door and moves into the warm café.

Code14Studio Signature

Websites you step into.

Signature is our work for businesses that live on atmosphere: image, light and movement, set like a scene.

Inside the concept café Nocturne: pendant lamps, counter, chalkboard, windows onto the street.

A café sells atmosphere.

Its website should show it before anyone opens the door.

Nocturne, Berlin. An independent concept study with AI-generated footage. Not a real café, not a client project.

Concept film, AI-generated. Not a real café.

02Point of view

A template shows what you offer. A Signature website shows what it feels like.

  1. 01

    Be remembered

    A visual language and typography people connect with your business. Not with a template.

  2. 02

    Be understood

    Motion guides the eye: first the atmosphere, then the offer, then the next step.

  3. 03

    Be chosen

    What counts in the end is that people book, enquire or drop by. Every animation has to help with that.

Four rules for motion

Every movement has a job
We animate what guides people or carries the mood. Decoration without purpose stays out.
Content stays accessible
Everything is readable without animation and works with a keyboard. Visitors who prefer reduced motion get a calm version.
Fast despite the motion
Images and video load only when needed. We test on real phones, not just at a desk.
Designed for phones
Most visitors arrive on a phone. Every scene gets its own version for small screens.

03Versions

One scene. Three cuts.

The same footage, three levels of craft. Pick a version: the format, the cut and the movement change with it.

Choose a version

Signature Motion

A strong first impression on a single page.

from €2,400

Starting price. The proposal sets the final price. No VAT is charged pursuant to § 19 UStG (German small-business rule).

Included

  • One custom-designed landing page
  • Distinctive typography and art direction
  • Animated hero section
  • Scroll-triggered motion and interactive elements
  • Desktop and mobile layouts
  • Basic performance and accessibility testing

Not included

  • Additional pages
  • Complex 3D scenes
  • Filming and video production
  • Paid stock content
  • Hosting, domain and ongoing maintenance
Ask about Motion

Signature Experience

A brand website that tells a story.

from €3,490

Starting price. The proposal sets the final price. No VAT is charged pursuant to § 19 UStG (German small-business rule).

Included

  • Landing page and up to four supporting pages
  • Bespoke visual design
  • Advanced animation (GSAP)
  • Scroll-driven storytelling
  • Custom transitions and kinetic typography
  • Selected interactive visual effects
  • Dedicated mobile adaptations
  • Performance and accessibility testing

Not included

  • Filming and video production
  • Paid stock images or footage
  • 3D development
  • Hosting, domain and ongoing maintenance
Ask about Experience

Signature Cinema

A flagship site with a cinematic opening.

from €5,490

Starting price. The proposal sets the final price. No VAT is charged pursuant to § 19 UStG (German small-business rule).

Included

  • Creative direction for the whole project
  • Cinematic opening sequence
  • Scroll-controlled video or coordinated video transitions
  • Advanced motion design
  • Custom interactive sections
  • Bespoke visual assets, defined in the proposal
  • Multi-page website, page count per proposal
  • Extensive device and performance testing

Not included

  • Filming and film production, unless in the proposal
  • Paid stock content, unless in the proposal
  • Extensive 3D development
  • Third-party fees
  • Hosting, domain and ongoing maintenance
Ask about Cinema
The three versions compared
MotionExperienceCinema
Starting price€2,400€3,490€5,490
Scope1 landing pageLanding page + up to 4Per proposal
Delivery (estimate)3 to 4 weeks5 to 7 weeks8 to 12 weeks
Feedback2 rounds3 rounds1 direction + 3 rounds

Starting prices

All prices are starting prices. After the briefing we set the final price in a written proposal, which states clearly what is and is not included.

Delivery

The weeks are estimates counted from complete material. Binding dates are set in the proposal. The 14-day promise applies only to Basic, Standard and Plus.

Additional work

New pages or sections, a change of direction after sign-off, extra feedback rounds or changes after acceptance: we quote a fixed price first.

Included in the project

  • Concept, design and build within the scope of the chosen package
  • The feedback rounds named in the package
  • Everything the written proposal explicitly lists

Only with a separate agreement

  • Hosting and domain
  • Ongoing maintenance and changes after launch
  • Paid stock images, footage, music or fonts
  • Filming, photography and film production
  • Extensive 3D development
  • Third-party fees

We offer hosting and maintenance on request. Everything else only if the proposal explicitly lists it.

No VAT is charged pursuant to § 19 UStG (German small-business rule). Looking for a fast, clear website at a fixed price? Then Basic, Standard or Plus from €490 may suit you better.

04Process

From first call to launch.

Six steps, in this order. You see the motion early, and nothing is built before the direction is agreed.

  1. 01

    Conversation

    We get to know your business, your customers and your goal. Free and without obligation.

  2. 02

    Proposal

    You receive a written proposal with scope, dates, payment schedule and everything that is and is not included.

  3. 03

    Art Direction

    Moodboard, typefaces, colours and imagery. You choose a direction before we build.

  4. 04

    Motion prototype

    The key scene is built first as a clickable prototype, so you see the motion early.

  5. 05

    Build

    We build the site and work in your feedback in the agreed rounds.

  6. 06

    Testing and launch

    Testing on phones and desktops, for performance, accessibility and reduced motion. Then the site goes live.

05Concept study

Nocturne a study, not a commission.

The concept café Nocturne in the evening.
The corner façade with the lit sign.
A hand on the glass door, just before stepping in.

We built this scene to show how we think about an opening: from the first frame, across the threshold, into the room. Every movement on this page follows the film.

Project
Nocturne, Berlin
Type
Independent concept study, not a client project
Footage
AI-generated concept film. The café does not exist.
Shown
Scroll sequence, cut, typography, versions

More studies in progress: Maison Forma (Architecture and interiors) and Atelier Performance (Fitness and creative). Not yet available.

06Questions

Good to know.

01Do I need my own video footage?

Not necessarily. Many scenes work with good photos. If a shoot makes sense, we say so in the proposal and price it separately. Licensed stock footage is another option.

02Do the animations slow the site down?

We plan motion so that content loads first and large files follow only when needed. Performance testing is part of every package.

03What do visitors see if they turn animations off?

A calm version with the same content. Nobody has to sit through an animation to find opening hours or prices.

04How does payment work?

In stages, following the payment schedule in the proposal. Nothing is paid through this website, and the inquiry is non-binding.

05Are hosting, domain and maintenance included?

No. Hosting, domain and ongoing maintenance are not part of the packages. We offer them on request under a separate agreement.

07End card

The next scene belongs to your business.

Request a project

Non-binding, no payment. We reply within 2 working days.

Ask with a versionMotionExperienceCinema