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