UAStart a project
Stille logo
Case study · Marine · Electric motors04 / 46

Stille

Stille builds quiet electric outboard motors in Bergen for water taxis, fishing boats and day boats. The site opens on the motor itself, standing between the words of the headline, and then lets one long fjord shot carry the technology story.

Project
Stille Marine
Industry
Marine, electric propulsion
Scope
Web design · Build · Motion
Built with
HTML, CSS, vanilla JS, AI video
Year
2026
Stille — A landing page for a Bergen maker of electric outboard motors, with a chrome motor that splits the headline and a fjord film that opens to full screen.
Overview

A motor you can hear the water through.

The brief

Stille needed a site that sells a technical product to boatbuilders, ferry operators and fishermen without looking like a spec sheet. The motor had to be the hero, and the coast had to be in every section.

What we did

We rendered the motor in chrome and stood it in the middle of the first screen, with the headline running in front of and behind it while the sky fades to fog as you scroll. A small fjord film in the intro grows to full screen and holds four chapters about the drive, the battery, cold-water testing and the Bergen workshop. Below sit video cards for recent fleets, a fleet data chart with four boat types, and a rail of short films shot along the coast.

The live site

Scroll the site right inside the frame, or open it full screen.
webraw.studio/sites/stille/Open the site

The first screen

Homepage · Desktop 1440
Stille: first screen of the homepage

The full page

One long scroll, split into three columns — top to bottom, left to right.

Stille: full page, part 1 of 3
Stille: full page, part 2 of 3
Stille: full page, part 3 of 3

Details

Stille: The motor splits the headline
The motor splits the headlineHero
Stille: One fjord shot, four chapters
One fjord shot, four chaptersScroll film
Stille: Fleets, specs and the workshop in video cards
Fleets, specs and the workshop in video cardsCapabilities
Stille: Fleet data by boat type
Fleet data by boat typeData

Colour & type

Palette — from the project file

  • Fjord#6886A3
  • Sea fog#ADBFCB
  • Salt#E8EBEA
  • Deep water#1B2229
  • Night#0A0A0A

Typefaces

Crossing the FjordGeist ThinThe huge hero lines and section headings, set light so the motor stays the heaviest thing on screen.
Book a Sea TrialGeistNavigation, buttons, labels and data.
Next case

Smalto

Smalto — A site for a ceramics studio in Faenza, with a bowl you can shape on a spinning wheel.
Start a project

Let’s launch.

Send a short brief or a link to your current site. You’ll get a clear plan, timeline and quote — no sales call required.

  • Reply within one business day
  • Design, build and launch by one team
  • One week of post-launch support included

Project brief

Takes ~2 min
What do you need?
Budget

Faster in a messenger?Write on Telegram@web_raw

Project brief

Takes ~2 min
What do you need?
Budget

Faster in a messenger?Write on Telegram@web_raw