ENПочати проєкт
Кейс

Shigure

Сайт для бренду дощовиків із найдощовішого міста Японії. Хотілося, щоб плащ продавав себе зблизька, ще до таблиці характеристик.

Проєкт
Shigure, дощовий одяг із Канадзави
Галузь
Мода · Верхній одяг
Обсяг робіт
Вебдизайн · Розробка · Анімація · AI-фільм
Технології
HTML · CSS · Canvas · відео під скрол · Higgsfield
Рік
2026
Shigure — Лендінг для маленької майстерні дощового одягу в Канадзаві. Один безперервний кадр: скролиш, і камера підходить до плаща, обходить його і занурюється в три шари тканини.

Один кадр — від вулиці до волокна

Завдання

Shigure вручну кроїть і проклеює тришарові плащі в старому чайному будинку в Хіґасіяма і перевіряє кожен у власній дощовій кімнаті. Потрібен був лендінг, який продає п'ять речей і примірки в ательє та пояснює ціну плаща, не перетворюючись на таблицю характеристик.

Що ми зробили

Сторінка відкривається жінкою в Machi Coat у студії з контровим світлом під дощем, і все це за мокрим склом: краплі заломлюють картинку й розбігаються від курсора. Скролиш — скло очищується, і починається фільм. Це один безперервний рух камери на повних 24 кадрах під скрол: до капюшона, вниз по штормовій планці, до кишені, вздовж рукава до манжети, навколо до спини, потім макро в ripstop, де краплі тримаються на плетінні, і крізь зріз тканини до мембрани та підкладки кіхада, крізь які піднімається пара. На кожній зупинці кадр завмирає і з'являється один короткий підпис, більше нічого поверх картинки. Фільм закінчується тим, що вона йде у світло, з ціною і кнопкою примірки. Нижче — лінійка: усі п'ять речей на тій самій моделі в тій самій студії, тож зміна речі чи кольору — миттєве перетікання, де більше нічого не рухається. Ательє — список кроків поруч з екраном: скролиш, і кожен крок розкривається, а поруч грає його сцена — від крою тканини вздовж сталевої лінійки до фарбування підкладки у дворі й проклеювання швів на машині з гарячим повітрям. Далі дощова кімната: скрол прокручує сам тест — форсунки відкриваються, дощ навколо неї стає зливою, і дві звичайні тканини протікають раніше за нашу. Потім шість повноекранних місць довкола Канадзави — та сама жінка в різних речах, — і рік дощів у вигляді 365 стовпчиків. Заявка на примірку в кінці зроблена як квиток: обираєш річ за фото, розмір і один з найближчих робочих днів. Фільм, сцени ательє й дощової кімнати та фото Канадзави зроблені в Higgsfield, фільм — з дев'яти ключових кадрів, з'єднаних кінець-у-початок, тому без склейок; фото журналу — з Unsplash.

Сайт наживо

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

Перший екран

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

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

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

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

Деталі

Shigure: Камера підходить до капюшона
Камера підходить до капюшонаСкрол-фільм
Shigure: Крізь зріз: три шари
Крізь зріз: три шариТканина
Shigure: П'ять речей, три кольори, одна студія
П'ять речей, три кольори, одна студіяЛінійка
Shigure: Відкрий крани — і дивись, як протікають інші тканини
Відкрий крани — і дивись, як протікають інші тканиниДощова кімната

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

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

  • Night#06080B
  • Studio#111821
  • Backlight#5F7A9C
  • Kihada#E8B02A
  • Paper#EEEFEB

Шрифти

AaHost GroteskЗаголовки, текст і цифри. Щільний і спокійний, добре читається і в 128 px, і в 13 px.
時雨Shippori Mincho B1Лише для японських назв речей і вертикального заголовка на першому екрані.
Наступний кейс

Alder

Alder — Сайт для плавучої сауни на фʼорді в Осло. Під час скролу сторінка остигає від 84° до температури фʼорду.
Почати проєкт

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

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

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

Бриф проєкту

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

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

Бриф проєкту

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

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