Pettellino

Website for a trade business in Villingen-Schwenningen: a paint roller paints the logo yellow as you scroll, plus services, before and after, and an enquiry in two minutes.

Location: Villingen-Schwenningen
Languages: German, English
Scope: 3 trades on one page: painting, drywall, tiling
Technology: Static

Request your free preview

What we did

Concept, texts and design
Paint roller paints the logo while scrolling
Before and after as a growing circle, marquees
Enquiry in two minutes, German and English

Client project

Built for a client.

measured on 15.10.2026: 3 trades on one page: painting, drywall, tiling.

Three trades, one contact

A trade business in Villingen-Schwenningen offers painting, drywall and tiling and also takes on large orders for developers, property managers and commercial clients. The promise is one contact from the first appointment to the handover, so that customers do not have to coordinate three companies. The task of the website was to get this advantage across within seconds, to separate the three trades clearly and to make an enquiry so easy that nobody has to fill in a long form. The look was meant to feel hands-on and crafted.

The paint roller turns the wall yellow

We developed the concept, texts and design and built the page with GSAP, ScrollTrigger and Lenis. On the opening view a paint roller travels across the surface as you scroll: where it has been, the wall is yellow and the outlines of the company name have become solid letters. Below follow photos from the work, the services as cards with cut corners and text bands with phrases such as “Clean work, on schedule, one contact”. A highlight marks the words wall, ceiling and floor in the key statement.

Before, after and an enquiry in two minutes

The before and after section shows a shell room from which a growing circle uncovers the finished room as you scroll. Below come the large orders and a process in four steps: inspection, quotation, execution, handover. The form is called “Request in 2 minutes” and asks for the location of the site, the trade and the scope by selection, from a single room to a large order. The header with its anchor menu and the button “Get a quote” is always within reach. An English version lives at an address of its own.