UI Lottie Motion Design

UI Lottie Motion Design

Lottie motion for app onboarding and guides that lifted usability and comprehension.

Role

Motion & UI Designer

Year

2023

Tools & Methods

MotionPrototyping
📝

Overview

Lottie 모션 제작

앱 내 동적 요소를 추가해 고객의 사용법과 브랜드 이해도를 높이기 위한 목적으로 제작했다.

Solution

  • 사용성·상호작용·이해도를 높이기 위해 동적 요소 도입
  • 스플래시·온보딩·가이드 화면에 실제 사용 순서대로 이해되도록 안내
  • 필요 시 자체 제작 영상을 카톡·문자로 사전 안내해 결과 오차를 줄임

Output

  • 사용법 영상 촬영 → 장면 참조 후 프로세스 확정
  • Adobe After Effects 제작 → JSON export → 개발부서 전달 및 앱 적용 안내

Dashcam Fleet Management

UI Lottie 모션 제작
UI Lottie 모션 제작
UI Lottie 모션 제작
UI Lottie 모션 제작

헬스케어 현장진단키트

Splash
Splash
UI Lottie 모션 제작
UI Lottie 모션 제작
UI Lottie 모션 제작
UI Lottie 모션 제작
UI Lottie 모션 제작
첫 검사 레이어팝업
첫 검사 레이어팝업
6회 검사 레이어팝업
6회 검사 레이어팝업
12회 검사 팝업
12회 검사 팝업
사용방법 안내
사용방법 안내
사용방법 안내 2
사용방법 안내 2
사용방법 안내 3
사용방법 안내 3

Actual screens and full materials are private and available on request.


🗂️

More cases

Back to Design