UI Motion Kit 제작 사례 | 플로비 FLO:V

{ "@context": "https://schema.org", "@graph": [ { "@type": "Organization", "@id": "https://www.flov.website/#organization", "name": "FLO:V™", "alternateName": "플로비", "url": "https://www.flov.website", "taxID": "602-71-06004" }, { "@type": "WebSite", "@id": "https://www.flov.website/#website", "url": "https://www.flov.website", "name": "FLO:V™", "publisher": { "@id": "https://www.flov.website/#organization" }, "inLanguage": "ko-KR" }, { "@type": "CreativeWork", "@id": "https://www.flov.website/work/ui-motion-kit/#creativework", "name": "UI Motion Kit", "description": "인터페이스에 생동감을 불어넣는 모션 디자인 키트입니다. ", "url": "https://www.flov.website/work/ui-motion-kit", "image": "https://cdn.prod.website-files.com/68e3daa79f24584bd3a389ea/68fc90825dffb5a4d738a9ea_UIMotionkit-Thumnail-min.png", "creator": { "@id": "https://www.flov.website/#organization" }, "inLanguage": "ko-KR" }, { "@type": "BreadcrumbList", "@id": "https://www.flov.website/work/ui-motion-kit/#breadcrumb", "itemListElement": [ { "@type": "ListItem", "position": 1, "name": "홈", "item": "https://www.flov.website/" }, { "@type": "ListItem", "position": 2, "name": "포트폴리오", "item": "https://www.flov.website/work" }, { "@type": "ListItem", "position": 3, "name": "UI Motion Kit" } ] } ] }

Back to projects

UI Motion Kit

// services

Motion Design

UI/UX

Interaction

// Live website

https://flov-uimotionkit.webflow.io/

인터페이스에 생동감을 불어넣는 모션 디자인 키트입니다.

모션을 단순한 장식이 아닌 경험으로.

UI Motion Kit은 디지털 인터페이스의 움직임을 언어처럼 다룹니다. 리듬과 논리를 결합한 디자인 시스템으로, 모든 구성요소가 실제 제품 환경에 맞춰 커스터마이징 가능합니다.

20+ Animation + 6 Mobile Flow

20여 개 이상의 UI 애니메이션이 6가지 모바일 플로우로 구성되어 있으며, 60fps Retina 디바이스에서도 선명하게 작동합니다.

Assets included & ready to use

After Effects, Sketch 파일이 포함되어 있어 즉시 프로젝트에 적용 가능하며, 별도 플러그인 없이도 활용할 수 있습니다.

view more

JOURNAL LOG:
FLO:V™

웹플로우 개발 (Webflow Development)

인터랙티브 웹사이트 (Interactive Web)

하이엔드 홈페이지 제작 (Premium Web Design)

카카오 로그인 버튼