Product Design * Motion in App
6.38K subscribers
126 photos
504 videos
1 file
577 links
Найкращі приклади анімацій в застосунках та на сайтах. Туторіали з анімації інтерфейсів та корисні посилання для дизайнерів.

👉 Умови, ціни та формати співпраці: http://bit.ly/4pjLByL

Реклама та співпраця: @ivanpokazka
Download Telegram
Media is too big
VIEW IN TELEGRAM
#motion #web

🔗Посилання: thewebshowcase

Я вибачаюсь, а це що гугл вміє так в дизайн? Ну класно ж! Особливо іронічна фраза "The Web can be more than a landing page" 🌝
❤47❤‍🔥1🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
#motion #web

🔗Посилання: Superlist

Кльова ідея зі слайдером, коли треба показати відразу два кейси використання або якщо продукт розрахований на більше ніж одну ЦА 🥹
❤37🔥4👍2⚡1
Ну що, продовжуємо досліджувати анімований діджитал?
Anonymous Poll
94%
ahh shit, he we go again 🥹
6%
ні, дякую, я ліваю
❤3
Media is too big
VIEW IN TELEGRAM
#motion #web

🔗Посилання: Сіріус

Хотів би тоді почати з крутецького українського проекту ❤️

Якщо чесно, то мені здається, що в цьому сайті анімації не головні. Чудовий візуал і копірайт створюють дуже приємну теплу амосферу!

Але і анімації відіграють тут величезну роль, вони тут майже на кожному блоці і лише підсилюють сильні сенси, які закладені контентом. Тіндер взагалі порвав 🥹

Шикарний проект, вартий аналізу і наслідування. Беріть тваринок з притулків, робіть круті дизайни і використовуйте анімації отак доречно 🥹🤧
🥰44👍9❤‍🔥4❤2🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
#motion #web

🔗Посилання: LamaLama

Коли упоролись в концепт до кінця 🥹
Кастомний скрол, кастомні анімації і взаємодії, кастомні переходи, все в одній стилістиці.
Окремо зверніть увагу що і в своєму контенті на сайті і на сайтах клієнтів - вже згенеровані АІ-шкою фото.
🔥20❤2👍2👏1
This media is not supported in your browser
VIEW IN TELEGRAM
#motion #web

🔗 Behance / Сайт

Нещодавно робили айдентику і сайт для однієї агрокомпанії і придумали для них невеличкий інтерактивний елемент.

Незважаючи на те що і айдентику і сайт ми робили із ухилом в консервативність, нам вдалось зробити цей прикольний блок з ілюстраціями і інтерактивними картками, замість того щоб вивалювати тонну тексту 🥹

Як вам такий блок? Пишіть, що думаєте 💬

До речі повний кейс є на Behance, тому можете лайкнути, за бажання 👉👈🔥
❤34🔥4🥴3👍2🏆2👏1
This media is not supported in your browser
VIEW IN TELEGRAM
#motion #web

🔗 Сайт: Vercel

І кожного разу, коли ти такий "О, Spline інтегрували у Webflow! Тепер в мене будуть круті 3D в кожному проекті!" зявляються отакі чуваки і сайти, які множать цю можливість на 0 😀

Ця інтерактивність це вааау
Гадки не маю як зробити, хтось знає? Чи треба нам сюди розробників, щоб пояснили?
🔥35
This media is not supported in your browser
VIEW IN TELEGRAM
#motion #web

🔗 arcade.la

Не така прям fancy анімація, яка прям кидається в очі, але тут саме чудовий приклад функції - підсилити сенси і значення слів, розширити контекст і привернути увагу 👌
🔥16👍2
🚀 Подія для UX дослідників, продакт-дизайнерів та продакт-менеджерів. 21 березня, онлайн + офлайн у Києві

єТЕМА: Customer Journey Map — як «треба» і як «вийшло» на реальному прикладі

Спікери Дарія Іващенко, Head of UX Design & Research у SQUAD, та Ігор Дьяков, Lead Product Design у FEZR․COM, проаналізують інструмент Customer Journey Map — для чого він потрібен, коли дійсно працює, а коли краще обійтись без нього. А також поділяться порадами та фейлами з власної практики.

Модерує зустріч Юрій Грановський, керівник напряму досліджень в «Агентах змін».

Участь безкоштовна, більше деталей — https://bit.ly/3V62QGP

Не пропустіть корисний івент – реєструйтеся самі та рекомендуйте колегам 😎

#AD
🔥13👍5👏1
This media is not supported in your browser
VIEW IN TELEGRAM
#motion #web

🔗 shrinkmail.me

На противагу навантаженим анімаціями сайтів - лендос, де лише одна анімація, але яка найкращим чином візуально передає всю суть продукту 🥹
❤17🔥8
#AD

Як менеджити дизайн команду?
Як сформувати дизайн культуру в компанії?
Як працювати з усією командою та кожним дизайнером?
Як навчитися віддавати славу та відпустити перфекціонізм?
Які особисті навички розвивати, щоб бути успішним менеджером?

З цими питаннями допоможуть розібратися досвідчені куратори-практики курсу Design Management:
🔹 Іван Роговченко — Chief Visionary Officer у Aestech;
🔹 Володимир Сафонов — Head of Product Design у Socialtrait.

Ви вчитиметеся формувати дизайн стратегію, організовувати команду, ставити командні цілі, розвивати дизайнерів, правильно наймати та звільняти, проводити 1-on-1, делегувати, давати фідбек та бути ефективним лідером.

На курсі будуть:

— індивідуальні зустрічі з кураторами;
— домашні завдання на основі реальних завдань у вашій компанії або продукті;
— 4-5 гостьових лекцій з кейсами компаній різних напрямків.

Також на вас чекає нон-стоп фідбек від кураторів та real-life домашні завдання.

Старт — 26 березня. Реєстрація та програма тут
🔥6👎2❤1👏1
This media is not supported in your browser
VIEW IN TELEGRAM
#web

🔗iconly.pro

ой, які смачні 🥺😮‍💨🤌
🥰41👏6
Media is too big
VIEW IN TELEGRAM
#motion #os #concept

🔗 Gavmn

Я звичайно розумію, що знайти потрібну апку в такому сетапі треба буде ще постаратись, а годинником я не користуюсь взагалі - але загалом цей концепт мені дуже вау 🥹

Як вам ідея? Які бачите переваги/складнощі?
👏9🥴6🤔2💩1
This media is not supported in your browser
VIEW IN TELEGRAM
#motion #os

🔗 FonsMans

Віджети, якими вони мали б бути в IOS 🥹
🔥28❤3
#AI #mockups #static

🔗 Gizem Akdag

Тршки не про моушн, але про корисне. Midjourney вже на тому етапі розвитку, що в ньому можна просто генерувати собі мокапи. В акаунті за посиланням більше крутих прикладів і більше промтів.

Наприклад для цього:
iphone 15 mockup in a big crater, white background --s 250 --v 6.0

Використовували вже АІ в комерціїї? Показуйте 👀
❤32🔥4👍2
Media is too big
VIEW IN TELEGRAM
#motion #web

🔗newpeace.jp

Тут не треба знати японську, щоб зрозуміти, що скролітелінг тут дикий 🥹
🔥30😱4😢2❤1👍1
Привіт-привіт!
Як ви тут? 🥹
Заглянув до вас із вакансією!

🔎Графічний дизайнер в маркетингове бюро
📍Київ, офіс на Золотих (фултайм, офлайн)


🖇Шукаємо за такими вимогами:
• досвід графічного дизайну від 1 року,
• вміння працювати з дедлайнами,
• вміння працювати з бренд-буками та різними стилями,
• симбіоз креативності та вміння виконувати ТЗ,
• володіння Photoshop, Figma та офісними прогами,
• здібності самоорганізації та проактивність,
• людяність, відповідальність, бажання розвиватися,
• Великим плюсом стануть:
навички в моушн-дизайні,
володіння програмами для монтування, володіння англійською мовою.

🖇Майбутній скоуп задач:
• дизайн графічних матеріалів для проєктів в соц. мережах,
• дизайн креативів для таргетованої реклами,
• розробка дизайну для друкованих матеріалів,
• розробка банерів та граф.елементів для веб-сайтів

🖇Пропонуємо:
• роботу в класній команді :),
• конкурентна ЗП без запізнень,
• різноманітні проєкти для поглиблення досвіду,
• плюшки з навчання та розвитку.


Контакт для ваших CV: @daria_vslv💌
❤5
👋 Привіт! Ви працюєте з UX-дослідженнями або опитуваннями (анкети, тести, форми тощо)?

Якщо так, то ваш досвід може бути для нас надзвичайно корисним. Разом із колегою ми проводимо дослідження IT-сфери і дуже хочемо почути про ваш досвід у проведенні UX-досліджень та опитувань.

Ми будемо дуже вдячні, якщо ви заповните наше опитування за посиланням нижче та поділитеся ним з іншими:

🌐 https://forms.gle/qsFydoAV2Qwt4wHeA

🔒 Опитування анонімне
⌛️ Витратите не більше 8-10 хвилин
💗 Ваші відповіді будуть надзвичайно цінними

#ad
⚡5❤1🤮1