Вставка анимации на Behance и Dprofile 😲

– про важность анимаций и то как их делать я рассказывала на канале время от времени, но сегодня про финальный этап… Я не представляю кейс в вебе или UX/UI без анимаций хотя бы твоей навигации, интерактива в продукте и т.д. Это если не усложнять все креативной анимацией, которая лишней именно в упаковке – не бывает. Потому что заказчики в итоге выберут то, что им визуально откликается, а при трудоустройстве ваше портфолио, конечно, будет смотреть выигрышнее💻 Я написала для вас статью с небольшими шпаргалками и готовыми кодами для вставки ваших анимаций в формате видео или GIF на платформы (например, вот моя упакованная работа как с GIF, так и с видео)! 🔗Ссылка на инструкцию (статья лежит в Notion, так что, возможно, вам понадобится VPN) Сохраняйте её к себе и ставьте реакции, если было полезно❤️ #полезное
Изображение поста

Новые коллаборации, проекты с переосмыслением русского кода, интерактивная айдентика для музея и другие новости из мира дизайна.

🔶 Elnik предлагает накрывать технику новой версией ажурной салфетки. Салфетки на компьютер от дизайн-студии — вариация на тему бытовой привычки из прошлого накрывать телевизор плетёным аксессуаром. Обновлённый предмет декора с популярными цитатами сделан в двух версиях: из полиэфира и льна. 🔶 Коллаборации Reda и Placebo/25: предметы дизайна, бутик-отель, мебельный шоурум. Первым результатом совместной работы бренда Reda и группы компаний Placebo/25  стал прототип номера для нового отеля The Birch Подмосковье. В нём отражена история русского визуального кода: сказки, славянская мифология и объекты современного промышленного и предметного дизайна. Далее в рамках сотрудничества также заявлен мебельный шоурум в столичном арт-кластере. 🔶 «Артефакты нового быта» от «Антихрупкости» и X5. В своей коллаборации уральская творческая лаборатория и розничная компания исследуют и объединяют наши традиции культуры еды и инновации. Результатом сотрудничества стали полотенце-манифест и маслёнка из костяного фарфора, сделанная при помощи технологии 3D-печати. 🔶 Новый шрифт Prepis — переосмысление кириллической традиции. Автор шрифта Любослав Боянов, болгарский шрифтовой дизайнер и каллиграф, вдохновлялся средневековыми кириллическими манускриптами. Художник интерпретировал старинные стили, устав и скоропись, придав им свежее и позитивное звучание. В семействе вышли два начертания: Skoropis и Ustav. Помимо русского, шрифт работает с большим списком языков. 🔶 Обновлена айдентика Музея советских игровых автоматов. Новый визуальный стиль от агентства ONY отражает будущие планы и инженерную идею музея — здесь можно взаимодействовать с экспонатами. Айдентика построена на принципе составного устройства, поддерживает исследовательский азарт, стремление разобрать и собрать заново интересный предмет. Представленный дизайн будто собирается по слоям из типографики, плашек, фотографий и иллюстраций, при этом его сложность по желанию можно варьировать. [Фабрика Дизайна]
Изображение поста

Как вам такой интерактивный прототип в фигме? 😳

UI/UX-Дизайнер в Pitchitt

Мы — Pitchitt, студия дизайна, которая помогает компаниям и стартапам упаковываться и обретать идентичность. Задачи: — анализировать клиентский бриф и бизнес-задачи — проектировать структуру сайтов и digital-продуктов — продумывать пользовательские сценарии и UX-логику — создавать wireframes и интерактивные прототипы — разрабатывать UI-концепции и дизайн интерфейсов — работать с дизайн-системами и компонентами — подготавливать макеты к передаче в разработку — вносить правки по комментариям клиента и команды Ожидания: — умение работать по брифу и соблюдать фирменный стиль — отличное владение Figma — понимание принципов UX, usability и адаптивного дизайна — аккуратность и системный подход к работе с файлами — навыки презентации своих решений и аргументации дизайна — способность работать с данными, сложной структурой и логикой продукта — опыт проектирования сайтов, лендингов или digital-сервисов Условия: — внештатное сотрудничество — асинхронный график работы — полностью удалённый формат — оплата в рублях, лари, криптовалюте или через PayPal Как откликнуться: — присылайте портфолио и короткий рассказ о себе @daserovaa или на почту сontact@pitchitt.art #дизайн
Изображение поста
Коллекция наших наград пополнилась в 2025 году
Премии и фестивали на этот год — всё. Собрали подборку главного из нашего улова ФЕСТИВАЛЬ НОВОГО ДИЗАЙНА СРЕДА 🥇Интерактивный дизайн (Открытое жюри) — ХУ ИЗ ГИЛТИ 🥈 Промо сайты — ХУ ИЗ ГИЛТИ 🥈 Дизайн одностраничного сайта — ХУ ИЗ ГИЛТИ 🥉 Иллюстрация и фотография в айдентике — ХУ ИЗ ГИЛТИ WEBBY 🏆Best Use of Animation or Motion Graphics (шортлист) — WHO IS GUILTY AWWWARDS 🏆Site of the Day — WHO IS GUILTY CSSDA 🏆Website of the Day — WHO IS GUILTY SILVER MERCURY 🥉Альфа-Банк: Игры для (не)малого бизнеса LOYALTY & CX AWARDS RUSSIA 🥇Геймификация – Лучшая креативная идея — Алхимия акций, игра 🥇Лучшая геймификация в финансовом секторе — Алхимия акций, игра RUWARD 🥇Design/creative: Агентство года / Perspective — REBOOT STUDIO 🥇Весь digital-рынок / Гран-при: Кейс года — ХУ ИЗ ГИЛТИ WDA 🥇Дизайн и брендинг – Веб-дизайн (UX/UI) — ХУ ИЗ ГИЛТИ BEHANCE 🏆Best UI (Behance feature) — Alfa «Лестница», игра 🏆 Best of Behance — WHO IS GUILTY DPROFILE AWARDS 🥇Лучший UI — SKREPKA 🥇Лучшее на Dprofile — ХУ ИЗ ГИЛТИ 🥇Лучшее на Dprofile — В поисках акций, игра 🥇Лучшие иллюстрации — В поисках акций, игра 🥇Лучший UI —Яндекс.Реклама, дизайн-система портала 🥇Лучшие иллюстрации — Звёздный Бизнес, игра 🥈UI дизайн — ХУ ИЗ ГИЛТИ РЕЙТИНГ РУНЕТА 🥇Игры, игрушки / Сайты и веб-сервисы 🥇Геймдизайн / Сайты и веб-сервисы 🥈Сайты на Webflow 🥉Молодые агентства RUWARD RANKING 🏆Кубковый рейтинг Digital Design & Creative (4 место) 🏆Motion-дизайн и анимация для digital (5 место) WORKSPACE RATING 🥇Лучшие геймдев студии СПб 🏆Лучшие геймдев студии РФ (4 место) НАЦИОНАЛЬНЫЙ РЕЙТИНГ SOSTAV 🏆Технологии и инновации (24 место) 🏆Брендинг (30 место) 🏆Диджитал (42 место)
Изображение поста
Chulakov обновили карьерный сайт ВТБ, и он стал в 4 раза популярнее
Теперь это пространство, где легко почувствовать себя частью компании. Команда сделала дизайн карьерного сайта: — Просторнее Больше воздуха и чистоты — внимание сосредоточено на главном. — Инновационнее Генерация образов и анимаций с помощью искусственного интеллекта. — Современнее Визуальный стиль, который не просто украшает, а усиливает впечатление. — Интерактивнее Живые фотографии помогают погрузиться в атмосферу компании. Плавные анимации мягко направляют внимание. — Акцентнее Визуальные акценты подчеркивают значимое, а путь к вакансии стал короче и понятнее. В результате обновление сайта помогло ВТБ успешно провести федеральную кампанию и увеличить количество посетителей в месяц в 4 раза. Смотрите кейс, чтобы узнать, как изменился карьерный сайт и какие решения помогли сделать его живым и понятным.
Вебинар «Как добавить интерактивное 3D на сайт с помощью Spline»
Как работает сервис Spline и какие 3D-приёмы для сайта в нём можно реализовать — узнаете на бесплатном вебинаре 24 декабря. 👉 Запишитесь, чтобы получить ссылку перед началом: https://t.me/TildaEventsBot?start=dl-1764680550d8ca8895be44">https://t.me/TildaEventsBot?start=dl-1764680550d8ca8895be44 На вебинаре разберём: — Что такое «интерактивное 3D» и зачем нужно на сайте; — Как работает и что позволяет реализовать сервис Spline; — Как добавить 3D-сцену на сайт. Вебинар проведёт Глеб Говядинский, UX/UI-дизайнер, сооснователь студии Unova.
Изображение поста
Playable Ads Developer в Ardor media
Мы — Ardor, качественно работаем над созданием рекламных креативов для мобильных игр и приложений. Задачи: — полный цикл разработки интерактивной рекламы — создание и оптимизация кода в Unity или Cocos для легковесных и производительных решений. — адаптация playable ads под требования рекламных сетей: Google Ads, IronSource, Applovin и др. — тестирование и устранение багов на разных устройствах и платформах — работа с рекламными SDK и API для интеграции и отслеживания событий. — взаимодействие с дизайнерами и маркетологами для реализации лучших идей Ожидания: — опыт работы с Unity или Cocos от 2 лет — отличное знание C# или JavaScript/TypeScript — навыки оптимизации производительности — опыт интеграции SDK рекламных сетей — знание принципов адаптивного дизайна для различных разрешений экранов Условия: — проектная занятость, постоянный и стабильный поток проектов — возможность работать из любой точки мира — достойная оплата хорошо выполненной работы — постоянная поддержка от ПМ и АД в работе над креативами; — возможность в дальнейшем перейти в штат Контакт для отклика: @Ulia_1495 #геймдев
Изображение поста
🧵🌿 наша первокурсница среди призёров конкурса «Культурный код в современном дизайне»
Мария Толмачёва, студентка I курса профиля «Медиа и дизайн», заняла третье место во Всероссийском конкурсе «Культурный код в современном дизайне». её учебный проект был отмечен жюри уже в первом модуле обучения. проект «Цикл поля» — это концепция для бренда АЙДА, вдохновлённая идеей волонтёрства в русской глубинке и возвращения связи человека с природой 🌾🤍 в рамках задания Мария разработала календарь в двух форматах: печатном и интерактивном — в виде льняных косынок. работа исследует тактильный и визуальный опыт как способ «заземления»
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Минутка интерактивности:
Тут привлекли внимание две, как бы сказать, интерактивные панели где в городе Токио рекламируется Brown Dust 2 и пользователи вынуждены с любопытством интеративно крутить головой от экрана к экрану. Интерактивный контроль внимание достигается двумя, как бы сказать, видеопанелями на улице и сюжетом между ними.
🎄В это воскресенье VR-клуб Университета ПромТехДизайн соберется на предновогодней встрече, чтобы создать собственную VR-игру, в которой надо украшать елку.
На занятии вы: • разберете основы интерактивных объектов в VR; • поработаете с новогодними игрушками и элементами декора; • настроите механику «украшения» — от простого хватания до размещения на елке; • соберете свою мини-сцену, в которой можно наряжать елку в виртуальной реальности. Занятие бесплатное. 🖼Регистрация 🔮14 декабря | 16:00–18:00 🎄Лаборатория цифровых решений СПбГУПТД, Вознесенский 44–46
Изображение поста
✏️ О важности этапа прототипа
Не все дизайнеры включают в свою работу по разработке сайтов этап прототипирования, но иногда без него никак не обойтись. Ранее я уже писала про этап проектирования, но хочу ещё добавить пару слов о его важности. На скриншоте вы видите интерактивный прототип довольно большого сайта, который мы вместе с заказчиками делали несколько месяцев, он претерпел немало изменений с его первой версии, и вот наконец мы его почти согласовали. Написаны все тексты, продуманы все блоки и страницы, отрисованы все переходы и UX составляющие. Осталось только упаковать эти варфреймы в красивый дизайн, а функционал уже полностью готов. Если б не было прототипа, все это пришлось бы продумывать на этапе дизайна. И вместо того, чтобы мозг полностью погрузился в процесс рисования, ему пришлось бы делать сразу две противоположные по своей сути задачи — на логику и творчество. Согласитесь, это очень трудоёмко и, как правило, приводит к не очень хорошему результату. Поэтому я разделяю процессы прототипирования и дизайна на два разных этапа — это помогает качественнее решить данные задачи: сначала включаем логику, а потом творчество (в идеале, если эти этапы делают два разных человека). 💭 Поделитесь в комментариях, делаете ли вы прототипы? Для всех проектов или только для части? Есть ли трудности в создании прототипов? Может вам не достает теории по этому этапу? Буду рада любой вашей обратной связи 🤗 #прототип
Изображение поста
Минутка интерактива:
Сделать максимально крупно один элемент с интерактивностью, чтобы получить нужный пользовательский эмоциональный опыт. Буквально переключиться в интерактивность.
FigJam — интерактивная доска от создателей Figma.
figma.com/figjam
нимание!
Собираем команду Д-в. для Наряжалова! В этом году мы снова поддерживаем движ ребят из СPeople c наряжанием ёлки в фигме. Мы создадим для этого свою интерактивную зону. Собираем команду 10 человек для оформления зоны Д-в на Наряжалове этого года. Нам нужно до 15 декабря создать интерактивную зону в фигме. Все желающие поучаствовать и покреативить оставляйте заявку в форме.
Изображение поста
Без лишних слов — делимся новостями с фестиваля СРЕДА
Наш проект ХУ ИЗ ГИЛТИ забрал 1️⃣Золото от открытого жюри номинации «Интерактивный дизайн» 2️⃣Серебро в номинации «Дизайн одностраничного сайта» 3️⃣Бронзу в номинации «Иллюстрации и фотография в брендинге» С момента запуска ХЗГ прошёл год, а проект всё разрастается, уровень премий повышается, мы радуемся 😏
Изображение поста
Новый российский бренд стиральных средств ECQWA удивил всех и снял полноценный стопмоушен мультфильм про чистую сказочную вселенную и “порядок вещей”. При этом, ожидая комментов про AI, команда выложила полноценный интерактивный бэкстейдж.
Это настоящий клад для тех, кто интересуется классической анимацией - можно разглядеть кукол со всех сторон, послушать рассказы аниматоров и, конечно, узнать про бренд. А сам ролик уже оценили множеством наград, включая победу в номинации "Лучшие визуальные эффекты и анимация" на Московском международном фестивале Red Apple!
Сайт Amine Zegmou
Веб-разработчик, специализирующийся на анимации и интерактиве. Создаёт иммерсивные онлайн-опыты для агентств и брендов. #портфолио #минимализм Посмотреть сайт 👨‍💻
Дизайнеры – магистранты профиля «Арт-дирекшн культурных институций» в Школе дизайна НИУ ВШЭ — Санкт-Петербург – пришли в Порядок слов вместе с куратором Иваном Куликовым ради вдохновения. Команда выбрала один зин и две фотокниги, которые советуют заценить и вам.
01. Мария Царева У многих большой интерес вызвало это издание. Мне тоже оно понравилось: выбор фотографий, композиция разворотов, бумага – все в сочетании образуют цельное художественное высказывание. Флексус 2. Кино или фильмы? Мне понравилась подача — иллюстрации немного ар-брют, постановка вопросов, серьезных вопросов. Видно, что над этой штукой работала команда, но при этом ее можно легко распечатать на домашнем принтере и кайфовать. Никита Тарасов Путь к морю. Елена Сакирко Документально-художественный проект о русском севере. Автор очень чутко и вдумчиво работает с темой памяти, места и культурного наследия. Зин близок к дневниковому формату. Внутри встречаются авторские фотографии и зарисовки от руки, листы-вкладыши, которые делают формат интерактивным. Особая маленькая деталь, зацепившая меня — синяя нить, которая неоднократно встречается на страницах. Мне показалось, что это метафора реки, по которой сплавлялись на деревянной лодке. Создается впечатление, что зачастую художественное высказывание о подобных темах должно опираться на личный опыт и апеллировать к чувственной составляющей. Для меня это стопроцентное попадание в цель. Мария Горелик Зин-туризм в Порядке слов на Фонтанке или на нашем сайте Фото: разворот книги «01» Марии Царевой
Изображение поста
Сегодня мы совместно с CORE.XP представили 6-е издание Гида по стоимости отделки офисных помещений — исследование, отражающее динамику рынка интерьеров и офисного строительства.
В Гиде 2025 вы найдете: ✅Обновлённую статистику стоимости отделки, ✅Тренды развития офисного сегмента, ✅Актуальные цены на мебель, покрытия и инженерные системы, ✅Рекомендации по акустическому комфорту, ✅Бренд-листы поставщиков. А также в этом году Гидом стало еще удобнее пользоваться! Он стал интерактивным и теперь всегда доступен по ссылке — https://costguide.ru/ Там вы сможете скачать как традиционную .pdf версию, так и подсчитать стоимость будущего строительства с помощью калькулятора. Всего в один клик. Благодарим наших коллег из CORE.XP за этот нужный и важный совместный проект, а также наших партнеров этого Гида — компанию Акустик Групп.