Перед выходными заряжаемся вайбово-вебовым настроением от нашего продуктового дизайнера, Юли Гранкиной 🕸

1️⃣ роскошный лендос от Cartier: обезоружил первый экран — все плавное и динамичное, видео на фоне видео (!) и шрифты просто match made in heaven☁️ и так живо смотрится смена блоков на фоне огромных картинок, это сразу задает динамику и стиль

2️⃣ сайт-портфолио индустриального дизайнера захватил внимание анимацией смены блоков, и как в неё вписаны заголовки (расположенные не по классике сверху, а в нижнем левом углу) + маленькая деталь в виде курсора, меняющего цвет, размер и форму в движении🌪

3️⃣ 100 баллов за идею — промо приложения-ассистента по уходу за кожей; весь интерфейс максимально чистый и свежий (видимо, как наша кожа после использования аппа) — любим такие метафоры, сразу появляется желание купить продукт💧

4️⃣ как у эппл, только... лучше? лендинг-презентация фотоаппарата вдохновлен диджитал-гигантом, но зернистые фото и акцентные шрифты вызвают больше эмоций, чем очередной айфон + анимации, много клоуз-апов и бенто✨


Делитесь, чем вдохновлялись на этой неделе вы 😍

3D — большая любовь, а это #насмотреность от Матвея — арт-директора red_mad_robot ❤️

1️⃣ портфолио Бруно Саймона. У него же есть курс по three.js, сайт — сам по себе артефакт для вдохновения.

2️⃣ igloo.inc. Здесь никаких компромиссов: иглу раскладывается на блоки, следуя за движениями курсора, эффект переходов по скроллу, проход через через магические кольца — даже и не знаем, что добавить...

3️⃣ slowroads.io — просто почиллить и покататься на машинке по бесконечно-генерируемому миру: будь то летний закат в горах или на Марсе. По сути безделица, но под капотом (хех) — демонстрация технических возможностей three.js: мир генерируется бесшовно и пейзажи мгновенно меняются.

4️⃣ сайт студии Лебедева о российском флаге. Это тоже three.js с интересным нарративом. Осторожно, от путешествия укачивает 🙂

Настоящее 3D в цифровых продуктах уже не роскошь, а средство передвижения. Технология доступна, широко поддерживается и мало весит.

Как начать работать с 3D?

Zero-code метод — это Spline. Там и моделирование, и интерактивность — вот пример.

Метод освоения three.js через код может пугать. Но ChatGPT прекрасно справляется с написанием этого кода. Например, так Матвей сделал эту сферическую безделушку.

И это ещё один повод освоить Blender — вам просмотрщик 3D-моделей из видео.