ENПочати проєкт
Stille logo
Кейс · Морський транспорт · Електромотори04 / 46

Stille

Stille робить тихі електричні підвісні мотори в Бергені для водних таксі, рибальських і прогулянкових човнів. Сайт відкривається самим мотором, що стоїть між словами заголовка, а далі один довгий кадр фʼорду веде розповідь про технологію.

Проєкт
Stille Marine
Галузь
Морський транспорт, електричні двигуни
Обсяг робіт
Вебдизайн · Розробка · Анімація
Технології
HTML, CSS, JS, AI-відео
Рік
2026
Stille — Лендінг для бергенського виробника електричних підвісних моторів: хромований мотор розрізає заголовок, а фільм про фʼорд розкривається на весь екран.
Огляд

Мотор, крізь який чути воду.

Завдання

Stille потрібен був сайт, який продає технічний продукт суднобудівникам, перевізникам і рибалкам і не схожий на технічний паспорт. Мотор мав бути головним героєм, а узбережжя мало бути в кожній секції.

Що ми зробили

Ми зробили мотор у хромі й поставили його посередині першого екрана, а заголовок іде то перед ним, то за ним, поки небо під час скролу переходить у туман. Невелике відео фʼорду в першому блоці виростає на весь екран і тримає чотири розділи: привід, батарея, тести в холодній воді і майстерня в Бергені. Нижче — відеокартки флотів, графік даних за чотирма типами човнів і стрічка коротких фільмів з узбережжя.

Сайт наживо

Гортай сайт прямо в рамці або відкрий на весь екран.

Перший екран

Головна · Десктоп 1440
Stille: перший екран головної сторінки

Сторінка повністю

Один довгий скрол, поділений на три колонки — згори донизу, зліва направо.

Stille: сторінка повністю, частина 1 з 3
Stille: сторінка повністю, частина 2 з 3
Stille: сторінка повністю, частина 3 з 3

Деталі

Stille: Мотор розрізає заголовок
Мотор розрізає заголовокПерший екран
Stille: Один кадр фʼорду, чотири розділи
Один кадр фʼорду, чотири розділиСкрол-фільм
Stille: Флоти, характеристики і майстерня у відеокартках
Флоти, характеристики і майстерня у відеокарткахМожливості
Stille: Дані флоту за типами човнів
Дані флоту за типами човнівДані

Колір і шрифти

Палітра — з файлу проєкту

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

Шрифти

Crossing the FjordGeist ThinВеличезні рядки першого екрана й заголовки, тонкі, щоб найважчим на екрані лишався мотор.
Book a Sea TrialGeistНавігація, кнопки, підписи і дані.
Наступний кейс

Smalto

Smalto — Сайт для керамічної студії у Фаенці, де миску можна виліпити на гончарному колі.
Почати проєкт

Час запускати.

Надішліть короткий бриф або посилання на ваш поточний сайт. Ви отримаєте чіткий план, терміни й вартість — без обов’язкових дзвінків.

  • Відповідь протягом одного робочого дня
  • Дизайн, розробка і запуск — одна команда
  • Тиждень підтримки після запуску включено

Бриф проєкту

Займе ~2 хв
Що вам потрібно?
Бюджет

Зручніше в месенджері?Написати в Telegram@web_raw

Бриф проєкту

Займе ~2 хв
Що вам потрібно?
Бюджет

Зручніше в месенджері?Написати в Telegram@web_raw