Сайт, который должен был звучать

Как мы превратили концепт киберпанк-одежды в цифровой показ мод

Проект: NUL/FORM — HUMAN//02 Рубрика: Проект изнутри Автор: SM Studio

В какой-то момент стало ясно: просто красивый сайт для новой линии одежды нам не нужен.

  1. красивых лендингов много;
  1. большинство из них быстро забываются;
  1. нам хотелось создать не каталог, а ощущение присутствия внутри бренда;
  1. сайт должен был работать как цифровой показ мод.

Так появился NUL/FORM — концептуальный бренд одежды из ближайшего будущего и его первая коллекция HUMAN//02.

Первый экран сразу задаёт тон: это не каталог одежды, а вход в мир бренда.
Первый экран сразу задаёт тон: это не каталог одежды, а вход в мир бренда.

Мы не хотели делать ещё один «неоновый киберпанк»

  1. киберпанк часто сводят к розовому и синему неону;
  1. такой стиль стал слишком узнаваемым;
  1. мы сознательно отказались от шаблонной эстетики;
  1. выбрали графит, угольно-чёрный, серебро и фисташковый акцент;
  1. будущее получилось не фантастическим, а почти реальным.
Вместо привычного неона мы выбрали более строгую и индустриальную визуальную среду.
Вместо привычного неона мы выбрали более строгую и индустриальную визуальную среду.

Референсы нужны не для копирования

  • мы изучали сильные сайты и digital-проекты;
  • смотрели на масштаб, движение, типографику и работу со скроллом;
  • не копировали внешний вид;
  • забирали принципы и переводили их в собственную систему.
  1. сильный первый экран;
  1. собственный темп;
  1. осмысленная анимация;
  1. один главный визуальный герой;
  1. единый мир изображения и звука.

Бренд появился раньше сайта

  1. сначала нужно было понять, кому принадлежит этот сайт;
  1. как появилось название NUL/FORM;
  1. почему коллекция называется HUMAN//02;
  1. каким мы увидели человека этого бренда;
  1. как название определило характер всего проекта.
Название, маркировка и типографика помогли превратить абстрактную идею в полноценный бренд.
Название, маркировка и типографика помогли превратить абстрактную идею в полноценный бренд.

Одежду нельзя было показывать как обычный товар

  • одежда должна была выглядеть как система;
  • важно было показать слои, материалы и конструкцию;
  • прокрутка стала работать как сканирование;
  • движение помогало раскрывать вещь;
  • анимация использовалась не ради эффекта, а ради понимания продукта.
Нам было важно показать одежду не как обычный товар, а как продуманную систему формы и материала.
Нам было важно показать одежду не как обычный товар, а как продуманную систему формы и материала.

AI дал материал, но не принял ни одного решения за нас

  • изображения создавались с помощью AI;
  • генерация была только началом;
  • потребовались отбор, контроль стиля, свет, композиция и консистентность;
  • отдельные изображения должны были сложиться в один бренд;
  • ценность AI-дизайна определяется не количеством картинок, а цельностью результата.

Цвет стал частью устройства мира

  • чёрный — глубина и тишина;
  • графит — связь с городом;
  • серебро — инженерная точность;
  • светлый цвет — визуальное равновесие;
  • фисташковый — сигнал системы и направление внимания.

Прокрутка стала хореографией

  • мы не хотели использовать шаблонные появления блоков;
  • сайт представлялся как цифровой показ;
  • прокрутка стала движением камеры;
  • в сценах появились паузы, приближения и смена ритма;
  • движение начало направлять внимание зрителя;
  • сайт стал ощущаться живым.
Прокрутка работает как хореография: раскрывает образ, а не просто украшает страницу.
Прокрутка работает как хореография: раскрывает образ, а не просто украшает страницу.

Заголовок:

Сначала музыка мешала сайту

Этот блок добавляет честность и показывает процесс принятия решений.

Структура:

  • сначала использовался индустриальный шум;
  • он раздражал и мешал восприятию;
  • мы поняли, что наличие звука ещё не создаёт атмосферу;
  • появился более музыкальный электронный трек;
  • музыка поддержала темп прокрутки;
  • сайт начал ощущаться как настоящий fashion-показ.

Что этот проект изменил в нашей работе

Пять коротких выводов:

  1. Сайт начинается с ощущения, а не со списка блоков.
  2. Референсы нужно превращать в собственные правила.
  3. AI не заменяет режиссуру и отбор.
  4. Анимация должна раскрывать продукт.
  5. Музыка обязана подчиняться общей драматургии.

Финальный общий вывод:

Премиальность возникает не из количества технологий, а тогда, когда идея, изображение, текст, движение и музыка говорят одним голосом.

Проект стал не только экспериментом, но и основой коммерческого digital-продукта.
Проект стал не только экспериментом, но и основой коммерческого digital-продукта.

Не просто лендинг

  • NUL/FORM стал цифровым спектаклем;
  • нам интересны сайты с собственным образом и ритмом;
  • результатом может быть лендинг, интерактивная история или полноценный digital-показ.

SM Studio создаёт AI-дизайн, визуальные концепции и атмосферные сайты. Если у бренда или продукта пока нет собственного цифрового мира, мы поможем его построить.