All projects

Solay-Bau AG, Zug2026

Solay-Bau AG

Website for a general contractor for building, renovation and solar, with a scroll-driven video hero and an FAQ chatbot.

A general contractor for building, renovation and solar wanted to stand out from the typical construction-company website of stock photos and service lists.

The centrepiece is a scroll-driven video hero: one continuous camera flight is scrubbed onto a canvas as a frame sequence. The visitor’s scrolling drives the camera. Built with GSAP ScrollTrigger, including fallbacks for mobile and reduced motion.

On top of that, an FAQ chatbot catches the most common enquiries before they land in the inbox.

The project in 25 steps

Every project follows the same roadmap: six phases, 25 steps, each one documented. This is how it went here.

  1. Start

    Order confirmed, everyone knows the rules

    1. Order confirmedOffer for a premium presence with video hero signed, start and delivery date fixed.
    2. Kickoff meetingGoal in one sentence: enquiries for building, renovation and solar from the region; stand out from the usual contractor site.
    3. Assets & accessLogo, reference photos, service descriptions, company details for the imprint and domain access collected.

  2. Concept

    Structure, design direction, content

    1. Structure & sitemapStructure: home, building, renovation, solar, references, careers, contact; every page with a call to request a project.
    2. Design directionBold, clear direction: one continuous camera flight as the hero, sober service pages below.
    3. Content finalisedCopy written per service and sharpened with the client, reference images selected, frequent questions collected.

  3. Build

    Build, show, adjust

    1. Home page draftHome page with scroll-driven video hero built: frame sequence scrubbed onto a canvas, fallbacks for mobile and reduced motion.
    2. Interim presentationHero and home page shown together on screen, change requests as a list, direction approved.
    3. All pages & contentService pages, references and careers built, images compressed, navigation and footer finished.
    4. Imprint & privacyImprint with company, address and UID, privacy policy under the Swiss nDSG.
    5. Contact & formsProject request form with spam protection, delivery tested; FAQ chatbot catches the most common questions.

  4. Tech & go-live

    Domain, DNS, HTTPS, sign-off, live

    1. Domain & DNSDomain checked at the registrar, existing records documented, TTL lowered, mail records untouched.
    2. Hosting & HTTPSHosting set up, certificate active, http redirects to https, backups running.
    3. Quality checkClicked through on phone, tablet and desktop, video hero checked on weaker devices, load time measured.
    4. Client sign-offSign-off carried out with the client and recorded in writing.
    5. Go-liveGo-live on a weekday morning, then all pages and the request form checked live.

  5. Visibility

    Google, analytics, basic SEO

    1. Google Search ConsoleSearch Console set up, sitemap submitted, first indexing monitored.
    2. Google Business ProfileGoogle Business Profile claimed and aligned with website, services and hours.
    3. AnalyticsPrivacy-friendly visitor analytics set up, no cookie banner.
    4. Basic SEOTitles and descriptions per service, structured data for the business, images with alt text.

  6. Handover & care

    Docs, invoice, plan, reference

    1. Handover documentHandover document with hosting, domain, DNS, chatbot maintenance and all access handed over.
    2. Final invoiceFinal invoice issued from the order.
    3. Care & planCare as a plan: updates, monitoring, backups and security check.
    4. Reference & reviewProject approved as a reference, screenshots and description agreed.
    5. Follow-up after 30 daysFollowed up after 30 days: enquiries arriving, FAQ chatbot extended with new questions.
  • GSAP ScrollTrigger
  • Video-Hero
  • FAQ-Chatbot
View live