kvlo

How it was made

The original is the site of a Geneva creative agency. It is divided into selected work, archive, services and writing pages.

The home header starts at the center of the first screen (top 429px) and becomes fixed when it reaches the top. Its text inverts color against the background.

When the footer covers the whole screen, the header hides upward over 749ms. The conditions and timing measured by scrolling the wheel were carried over.

Clicking contact opens a right-hand panel. It then moves into a chat-style inquiry where speech bubbles rise one by one.

The project filter has two axes: service and industry. Options with no results are hidden from the list.

The 4-panel hero video was removed and replaced with 8 photos. A cat drawn in Canvas 2D takes the place of the footer's text leopard video.

Key features

• Centered header · intro sequence
• Two-axis project filter · Reset
• Contact panel · chat-style inquiry
• Scroll accordion · archive hover photos

Where and how to use it

Suits agencies with a large body of work that show cases by type and take requests. The inquiry asks one question at a time.

Points to check

The chat inquiry and newsletter are not submitted. Print and branding work photos are needed for the pages to read as a portfolio.