YENNI

Independent Web Designer

  1. 01Наблюдать
  2. 02Структурировать
  3. 03Строить

Пять концептуальных проектов

Прежде чем проектировать, я разбираю задачу на части.

Я — независимый веб-дизайнер. Сначала мне нужно понять, как вещь устроена: её структуру, ограничения, логику внутри. Только потом я решаю, как она должна выглядеть. Типографика, сетка, движение и код подчинены одной системе — поэтому идея доживает до работающего интерфейса.

Избранные работы01

Пять независимых концептуальных проектов. Каждый начался с вопроса и доведён до цельного работающего сайта — не макета.

  1. 01TIVERМассажная студия · СайтКак мало нужно сайту студии, чтобы он ощущался завершённым?
  2. 02FRESH SALTМода · Редакционный опытМожно ли показать коллекцию как глубину, а не как каталог?
  3. 03MONOLITHАрхитектура · 3D-веб-опытКак показать здание на экране так, чтобы оно всё равно ощущалось весом?
  4. 04KŌIKEIЕда и гостеприимство · Интерактивное менюЧто будет, если позволить еде выходить за сетку?
  5. 05NŌCTILМузыка · Аудиовизуальный опытМожет ли сайт о музыке создавать звук сам, а не проигрывать файлы?

03Архитектура · 3D-веб-опыт

MONOLITH

Вопрос

Как показать здание на экране так, чтобы оно всё равно ощущалось весом?

Архитектурное бюро, которое исследуют через маршрут камеры, разобранную модель и библиотеку материалов.

Открыть обзорКейс Смотреть проект

04Еда и гостеприимство · Интерактивное меню

KŌIKEI

Вопрос

Что будет, если позволить еде выходить за сетку?

Суши-бар, где блюда выходят за пределы сетки, а меню сложено как пейзаж.

Открыть обзорКейс Смотреть проект

Фото блюд: авторы Wikimedia Commons (CC BY, CC BY-SA, CC0).Полный список авторов

После работ

Пять тем, один метод: увидеть структуру, решить, что важно, и строить, пока это не держится.

Обо мне02

Я — независимый веб-дизайнер. Меня интересует, как вещи построены: почему композиция держится, где ломается взаимодействие, что нужно визуальной идее, чтобы пережить настоящий контент и настоящие устройства.

Обычно я начинаю с исследования, а не с мудборда: предмет, его словарь, его материалы. Массажная студия, слой воды, бетонное здание, суши-бар, ночь deep house — каждый проект здесь начался с вопроса о структуре и был доведён до сайта, который можно открыть и использовать.

Работаю самостоятельно — от первой схемы до последней строки CSS. Так решения остаются последовательными: тот, кто выбрал сетку, сам проверяет, как она ведёт себя на 375 пикселях.

Принципы работы

  1. 01Сначала структураКонтент, иерархия и состояния — раньше стиля. Визуальный язык подбирается под систему, а не наоборот.
  2. 02Движение должно объяснятьАнимация показывает пространство, последовательность или состояние. Если она ничего не объясняет — её нет. Настройки уменьшения движения всегда учитываются.
  3. 03Доказательство — в браузереИдея засчитывается, когда работает: адаптивно, доступно и достаточно быстро на обычном телефоне.
  4. 04Детали держат замыселОтступы, трекинг, состояния фокуса и пустые состояния — именно там концепция либо держится, либо незаметно рассыпается.

Направления

  • Исследование и концепция
  • Арт-дирекшн
  • Веб- и интерфейс-дизайн
  • Движение и взаимодействие
  • Front-end разработка
  • WebGL и 3D
  • Генеративный звук в вебе

Контакты03

Проект, идея или вопрос — пишите напрямую. Быстрее всего отвечаю в Telegram.

1 / 1