Сайт Quentin Hocdé

Фриланс-креативный и интерактивный разработчик. Делает сайты вручную, добавляя анимацию, мелкие детали и игровые взаимодействия. #портфолио #минимализм #тёмная_тема Посмотреть сайт 👨‍💻

Большая весенняя распродажа 💙

Хотим порадовать вас и поддержать ваше желание развиваться в новой профессии, поэтому запустили большие скидки на все курсы: 📌Скидка 35% на курс "Нейросети для дизайнеров" — 58 900 ₽ 38 200 ₽ (cтарт второго потока 23 марта!) 📌Скидка 20 000 руб. на пакетные программы: 🔵UX/UI с нуля — 94 000 ₽ 74 000 ₽ 🔵Middle / senior — 118 000 ₽ 98 000 ₽ 🔵MAX — 159 900 ₽ 139 900 ₽ 📌Скидка 10 000 руб. на отдельные направления: 🔵Продуктовый дизайн — 78 200 ₽ 68 200 ₽ 🔵Веб-дизайн — 68 900 ₽ 58 900 ₽ 🔵Веб-приложения — 75 900 ₽ 65 900 ₽ 🔵Графический дизайн — 58 900 ₽ 48 900 ₽ 🔵Нейросети для коммерции — 39 000 ₽ 29 000 ₽ 🔵Анимация интерфейсов — 39 000 ₽ 29 000 ₽ 🔵Арт-дирекшн — 99 000 ₽ 89 000 ₽ Также напомню, что при покупке дополнительного курса студентам UPROCK продлеваются все программы на срок доп. обучения. Это хорошая возможность для вас сделать больше проектов или завершить текущие. ➡️Забронировать скидку можно здесь, а получить консультацию — у коллег в @uprock_hello
Изображение поста

Весна, чудесная погода, вдохновляющее настроение ☀️ Поэтому решили сделать большую акцию на все курсы.

🔥Скидка 35% на курс "Нейросети для дизайнеров" — 58 900 ₽ 38 200 ₽ (cтарт второго потока 23 марта!) 🔥Скидка 20 000 руб. на пакетные программы: 🔵UX/UI с нуля — 94 000 ₽ 74 000 ₽ 🔵Middle / senior — 118 000 ₽ 98 000 ₽ 🔵MAX — 159 900 ₽ 139 900 ₽ 🔥Скидка 10 000 руб. на отдельные направления: 🔵Продуктовый дизайн — 78 200 ₽ 68 200 ₽ 🔵Веб-дизайн — 68 900 ₽ 58 900 ₽ 🔵Веб-приложения — 75 900 ₽ 65 900 ₽ 🔵Графический дизайн — 58 900 ₽ 48 900 ₽ 🔵Нейросети для коммерции — 39 000 ₽ 29 000 ₽ 🔵Анимация интерфейсов — 39 000 ₽ 29 000 ₽ 🔵Арт-дирекшн — 99 000 ₽ 89 000 ₽ Также напомню, что при покупке дополнительного курса студентам UPROCK продлеваются все программы на срок доп. обучения. Это хорошая возможность для вас сделать больше проектов или завершить текущие. ➡️Забронировать скидку можно здесь, а получить консультацию — у коллег в @uprock_hello
Изображение поста

Анимация Dynamic Island.

Минутка анимации:
Знаменитая анимация про то, что создавая творческие, кутые инструменты ты позволяешь людям создавать самим творческие и крутые штуки. Но обратите внимание как концептуально работает композиция окружности в анимации, создается центр притяжения внимания, вращение форм демонстрирует и эволюцию дизайна и при этом единство замысла всего вокруг точки, окружности, круга и его символа — целостности.
Штуки для вдохновения
На сайте fuse.kiwi собраны тысячи ссылок портфолио дизайнеров и художников со всего мира. Коллекция пополняется с 2017 года. Если вы ищите вдохновение по теме трёхмерных изображений, графического дизайна, иллюстрации и даже звукового дизайна, то вам сюда. Выбирайте нужный вам раздел во вкладках на главном экране и наслаждейтесь! → А потом приходите на курсы «Дизайнер трехмерной графики (3D-дизайнер)» и «Дизайнер анимации (Моушн-дизайнер)», чтобы делать свои арты.
Изображение поста
3D анимация со звуковыми эффектами 😠
Сейчас в соцсетях часто показываю работы студентов с ВАУ-АНИМАЦИЕЙ. И вижу, что вы в комментах очень просите показать, как же это повторить. Выложил на YouTube новый ролик, в котором показываю как сделана презентация Ксения Трусеневой про Формулу 1. В видосе сам собираю похожую презу с 3D фигурами и анимацией. Заходите посмотреть: 🌟 на YouTube 🌟 или в ВК без VPN
🕶 Почему интерфейс для умных очков нельзя просто взять с телефона
На телефоне у дизайнера есть экран. В очках его как будто нет. Интерфейс живет поверх реального мира, а пользователь должен физически перевести фокус примерно на метр перед собой, чтобы вообще начать его читать. Уже из за этого привычные паттерны начинают ломаться. Дэвид Аллин Риз из Google рассказал, как команда собирала Jetpack Compose Glimmer для очков с прозрачным дисплеем. Самый сильный инсайт: черный цвет здесь не черный, а прозрачность. Насыщенные цвета теряются на фоне реального мира, обычные шрифты читаются хуже, а слишком быстрая анимация просто моргает в периферии. Поэтому интерфейс пришлось пересобирать почти с нуля: темные контейнеры вместо привычных поверхностей, нейтральная палитра, новая система глубины и очень осторожная работа с движением. Внутри: – Почему интерфейс в очках воспринимается не на линзе, а примерно на расстоянии вытянутой руки; – Что меняется в дизайне, когда черный цвет становится полностью прозрачным; – Почему привычные компоненты и тени плохо работают на прозрачных дисплеях; – Как команда подбирала размер текста через угловой размер, а не пиксели; – Зачем в интерфейсе почти отказались от насыщенных цветов; – Почему уведомления появляются почти две секунды, а не мгновенно; – Как устроены глубина, перекрытия и темные контейнеры в Jetpack Compose Glimmer; – Что значит проектировать интерфейс, который должен появляться только тогда, когда он реально нужен. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
3D Motion Designer/Generalist в Game gears
Aliens vs Zombies: Invasion — проект, над которым предстоит работать. Задачи: — создание маркетинговых рекламных 3D-креативов с использованием Unreal Engine — левел-дизайн, анимация, камера, рендер, VFX — создание новых игровых механик на Blueprints — оптимизация существующих игровых механик — адаптация базовых механик проекта под конкретные сценарии — видеомонтаж и финальная сборка: 2D Ui, саунд-дизайн, ресайзы Ожидания: — профессиональное владение Unreal Engine — глубокий опыт работы с Blueprints на уровне создания игровых механик — понимание работы систем частиц Niagara — уверенная работа с Sequencer — профессиональное владение сопутствующим 2D и 3D ПО — анимация: создание кастомной анимации и переработка существующих — профессиональное владение АЕ Условия: — удаленный формат, фултайм — 2.000-3.000$ Gross → Примеры рекламных видео Контакт для отклика: @foreverinlovewithsummer #геймдев
Изображение поста
Пригласили стать преподом из-за классной презентации с анимацией
Продолжаю делиться тем, чем живут участницы реалити помимо заданий и дедлайнов. На очереди Полина. Полина — самая молодая участница этого потока. Ей всего 20 лет. И она полный новичок в дизайне. В дизайн она попала довольно случайно. Весной 2025 года Полина заканчивала колледж и готовила презентацию для диплома. Сначала это были обычные слайды, но ей захотелось сделать их интереснее. Она начала искать идеи в интернете и наткнулась на мои ролики про анимацию в PowerPoint. Стала разбираться с трансформацией, скоростью анимации, эффектами. Потихоньку начала экспериментировать со слайдами. В итоге дипломная презентация получилась настолько классной, что её отдельно отметили на защите. А дальше случилось то, чего Полина вообще не ожидала 🤓 В день вручения диплома директор и замдиректора колледжа предложили ей… остаться работать преподавателем дисциплин, связанных с информационно-коммуникационными технологиями. Сейчас Полина работает в Ирбитском гуманитарном колледже, в том самом, где сама четыре года училась на учителя начальных классов. 🧠 Параллельно она поступила в вуз и учится дистанционно на направлении «Информационные системы и технологии» с профилем в технологиях искусственного интеллекта. Её обычный день сейчас выглядит примерно так: Живёт Полина сейчас одна. Большая часть времени уходит на работу (8–10 часов в день). Днём она преподаёт студентам, вечером учится сама, плюс участвует в реалити и проходит обучение в моей школе. 🧩 А отдых у неё довольно спокойный: она собирает большие пазлы, иногда на 1000–2000 деталей, слушает музыку и читает мангу. Чаще всего истории в жанре фэнтези, где герой с нуля прокачивается и постепенно становится сильнее. В каком-то смысле это сейчас немного похоже и на её собственную ситуацию. Потому что в дизайне она тоже стартует почти с нуля. В реалити у неё сейчас два задания. 🥷подготовить портфолио для IT-компаний. Она уже его сделала и отправила на проверку. 🥷собрать базу из 50 контактов ИИ-компаний и стартап-акселераторов для будущей рассылки. Сейчас как раз занимается этим. Полина только начинает путь в дизайне. Поэтому особенно интересно будет посмотреть, какой прогресс она покажет за время проекта. Накидайте ей классных реакция и можете задавать вопросы в комментариях ❤️
Ребята из 01.tech ищут Middle+/Senior Product Designer
Ищут специалиста с продуктовым мышлением, вкусом и амбициями задавать уровень в iGaming и за его пределами. 📢 Что ожидают: - Более 3 лет опыта на аналогичной позиции и портфолио с продуктовыми кейсами; - Практический опыт с User Story, CJM, JTBD, качественными и количественными исследованиями; - Понимание HTML/CSS и JS; - Использование AI-инструментов для ускорения работы; - Плюсом будет умение в анимацию; - Плюсом будет интерес к крипте. 😍 Что предлагают: - Удаленку из любой точки мира; - Конкурентную заработную плату; - Английский, профильное обучение, компенсацию спорта и психолога; - Нескучную корпоративную культуру: киберспорт и воркшопы; - Реальное влияние на UX-стратегию продуктов холдинга; - Свободу принимать решения и тестировать гипотезы; - Среду, где можно расти быстрее через ответственность и сильную команду рядом. 🔠 Откликнуться в боте 🔠 Откликнуться в боте 🔠 Откликнуться в боте
Изображение поста
Error State — набор из 30 иллюстраций с анимациями
Изображение поста
«Оскар»—2026 подошел к концу!
Безусловными фаворитами 98-й церемонии стали фильмы «Грешники» и «Битва за битвой» (последний забрал главную награду). Отем Дюральд стала первой женщиной, выигравшей статуэтку за операторскую работу, а Кассандра Кулукундис — первой лауреаткой в новой номинации «Лучший кастинг». Леонардо ДиКаприо и Тимоти Шаламе ушли без статуэток. Вот как распределились основные награды: Лучший фильм – «Битва за битвой» (Пол Томас Андерсон); Лучший режиссер — Пол Томас Андерсон («Битва за битвой»); Лучшая актриса — Джесси Бакли («Гамнет»); Лучший актер —  Майкл Б. Джордан («Грешники»); Лучшая актриса второго плана — Эми Мадиган («Орудия»); Лучший актер второго плана — Шон Пенн («Битва за битвой»); Лучший дизайн костюмов — «Франкенштейн» (Кейт Хоули); Лучший анимационный фильм —«Кей-поп-охотницы на демонов»; Лучший документальный фильм — «Господин Никто против Путина» (Дэвид Боренштейн, Павел Таланкин); Лучший международный фильм — «Сентиментальная ценность» (Норвегия, Йоаким Триер); Лучший звук — «F1». Полный список победителей уже на сайте The Blueprint. Подписывайтесь на вечернюю рассылку | 🔹The Blueprint News
Изображение поста
Создаем анимацию слайдера.
Сайт Joffrey Spitzer
Креативный разработчик из Страсбурга. После 7 лет работы в агентствах создаёт интерактивные интерфейсы с акцентом на анимацию, точность и тактильность взаимодействия. #портфолио #минимализм #светлая_тема Посмотреть сайт 👨‍💻
🇬🇧 How to Design for Transparent Screens
Дэвид Аллин Риз рассказал, как команда Google проектирует интерфейсы для прозрачных дисплеев в ИИ-очках и почему для этого пришлось пересмотреть многие базовые принципы UI-дизайна. В статье он объяснил, как работают такие дисплеи, почему на них чёрный цвет, тени и насыщенные цвета ведут себя иначе и какие решения легли в основу фреймворка Jetpack Compose Glimmer для XR-интерфейсов. Получился подробный разбор того, как меняется цвет, типографика, глубина и анимация, когда интерфейс существует не на экране, а поверх реального мира. Главное: • Интерфейс в ИИ-очках не размещается на поверхности линзы, а проецируется примерно на расстоянии одного метра. Поэтому пользователь должен сознательно перевести фокус с реального мира на UI • Дисплеи очков могут только прибавлять свет к уже имеющейся картинке реального мира. При таком подходе чёрный цвет выполняет функцию прозрачности, а не заливки • Чёрный цвет выступает в качестве гарантированно читабельной подложки для контента • Светлые интерфейсы не получается использовать, потому что они создают отвлекающие блики на экранах и сильнее расходуют батарею • Типографика измеряется не в пикселях, а в углах зрения. Текст делают таким, чтобы его можно было прочитать одним взглядом. Минимальный размер для читаемости — около 0,6 градусов • Пространственная дистанция становится ключевым параметром при проектировании • Анимации медленнее, чем в привычных интерфейсах. Уведомления появляются почти за две секунды, мягко привлекая внимание пользователя • При действиях пользователя, наоборот, требуется мгновенная обратная связь. Для этого применяются фокус-индикаторы и подсветки • Вся система построена вокруг идеи «спокойного интерфейса». Информация появляется только тогда, когда она действительно нужна, и не мешает восприятию реального мира #статья@zhurnalus_lite
Изображение поста
🐼 Пользователи не говорят «это приложение удобнее», они ощущают «здесь мне рады»
Артем, лид коммуникационного дизайна в Т2, разобрал эмоциональный дизайн в интерфейсах. Главное: это не про добавить милую панду, это про управление состояниями пользователя. Функции копируются, цены выравниваются, паттерны становятся стандартом. А вот ощущение нет. Дальше всё происходит автоматически: доверие, действие, привычка, лояльность. Дональд Норман выделяет три уровня восприятия. Интуитивный: первое мгновенное ощущение, здесь важно не вызвать отторжение. Поведенческий: опыт взаимодействия, контроль и быстрый результат. Рефлексивный: то что остается после взаимодействия, решение вернуться или нет. Эмоциональный дизайн работает именно в их связке. Внутри кейсы из Т2: – Приветственный экран: анимации, сезонные иллюстрации, выбор дизайна карточки с номером создают ощущение участия и контроля; – Анимация при обновлении базы номеров: персонаж показывает что процесс идет, снимает напряжение, объясняет человеческим языком; – Движение и отклик: элементы реагируют на действия, создается ощущение диалога, интерфейс со мной разговаривает; – Пасхалки: панда на самокате или с мячом, маленький сюрприз в спокойных сценариях, не мешает но оставляет ощущение характера; – Где эмоции вредят: транзакционные сценарии (оплата, блокировки, возвраты), эмоциональная перегрузка; – Как проектировать системно: CJM с эмоциями, отмечаем эмоциональные узлы, подбираем инструменты, проверяем метриками. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
«Главный навык дизайнера в 2026»
На нашем вебинаре с Мишей Некрасовым разберём - как навык анимации становится ключевым для дизайнеров в 2026 году, почему это нужно брендам и как мы учим этому на нашем профильном курсе БМГ. 17 марта, 19:00 онлайн-трансляция в Zoom вход свободный регистрация в @chromic666_bot Ждём вас! p.s. на вебинаре будем давать эксклюзивные большие промокоды на покупку курса, приходите
Изображение поста
Минутка муз:
Группа MUSE передает фанатам привет и намекает на новый альбом, а внимательные увидели в анимации логотипа особый смысл. Но вообще красиво.
Отзывы студентов
Ника: Давно хотела научиться анимации, и сейчас очень сильно выросла в этом благодаря курсу. Очень понравилась организация, подача информации и в целом атмосфера! Буду продолжать учиться в Щёлочи. Магомед: Курс БМГ помог мне изучить с нуля интерфейс AE, понять основы анимации и дополнить арсенал своих навыков как графического дизайнера. Полина: Курс стал для меня отличным шансом освоить моушн в своем темпе, при этом с поддержкой шарящего преподавателя! Маша: Сам курс максимально насыщенный, даже не ожидала, что затронем столько направлений. Фидбек от Миши был нереальный! Дарья: Спасибо большое за курс! Он помог структурировать знания и восполнить пробелы в After Effects. Миша очень доступно объясняет, лекции интересные, а презентации круто сверстаны. Понравилась организованность процесса. Таисия: Курс оказался намного эффективнее университетских лекций. Начали с базы, каждую неделю — полезные разборы и обратная связь. Записи практичные и интересные, сразу хочется пробовать. Освоила реальные рабочие техники. Спасибо за ценный опыт! уже 23 марта стартует следующий поток курса База Моушн Графики - приходите, чтобы уметь оживлять статичную картинку профессионально и со вкусом места заканчиваются, записывайтесь с промиком bmglastcall 10%