Lee Yun ha's portfolio[ CASE / 06 ] · Research · Tool · 2024
Motion Archive
모션 아카이브 — 세상의 마이크로 인터랙션을 수집하고 검색하는 데이터베이스.
ClientSELF-INITIATED
Year2024
TypeResearch · Tool
RoleLead Interaction Designer
ToolsNext.js · Supabase · Rive · FFmpeg
++++MOTION ARCHIVE · 2024(01) What is this project?
— 이 프로젝트는 무엇인가
— 이 프로젝트는 무엇인가
A searchable database of micro-interactions in the wild.
세상의 마이크로 인터랙션을 수집하고 검색하는 데이터베이스.
(02) Why did we make it?
— 왜 만들었는가
— 왜 만들었는가
잘 만들어진 인터랙션을 분해하고, 패턴을 학습 가능한 형태로 정리.
(03) The problem
— 해결하려 한 문제
— 해결하려 한 문제
디자이너들은 영감을 모으지만, 그것을 재사용 가능한 패턴으로 구조화하지 못합니다.
(04) Design process
— 디자인 프로세스
— 디자인 프로세스
- / 01Pattern taxonomy
- / 02Capture pipeline
- / 03Tag system design
- / 04Community contribution model
(05) Interaction
— 인터랙션 설명
— 인터랙션 설명
"검색 결과는 영상 카드로 떠 있고, 호버 시 이징 곡선과 타이밍이 함께 표시됩니다."
(06) Tools used
— 사용한 툴
— 사용한 툴
Next.jsSupabaseRiveFFmpeg
(07) Reflection & insight
— 회고와 인사이트
— 회고와 인사이트
인터랙션은 보는 것이 아니라 읽는 것이라는 사실.