로티·web 애니메이션 프리랜서를 모집합니다

• 벡터 기반 아이콘·일러스트 애니메이션 제작
• After Effects로 모션 작업 후 Lottie(JSON) 파일로 내보내기
• 앱·웹 로딩 화면, 버튼 인터랙션 등 UI 애니메이션 제작
• CSS, SVG 애니메이션 등 웹 네이티브 인터랙션 구현
• 실제 앱·웹 환경에서 재생 테스트 및 최적화
• 개발자에게 파일 전달 및 적용 가이드 제공
• 의뢰인 피드백에 따른 타이밍·이징 수정

자주 쓰는 도구와 기술

• After Effects
• Bodymovin 또는 LottieFiles 플러그인
• Figma(디자인 시안 작업)
• CSS, SVG 애니메이션 지식
• 웹 성능 최적화(파일 용량 관리) 이해

작업 흐름

1. 1

   의뢰인이 사용할 화면(로딩, 버튼, 온보딩 등)과 스타일을 전달합니다

2. 2

   작업자가 러프 모션 시안을 제안합니다

3. 3

   시안 확정 후 벡터 애니메이션 작업을 진행합니다

4. 4

   Lottie 파일 또는 웹 애니메이션 코드로 변환합니다

5. 5

   실제 앱·웹 환경에서 재생 테스트를 진행합니다

6. 6

   피드백을 반영해 최종 파일을 납품합니다

• 애니메이션 개수와 각각의 길이가 견적의 기본 기준입니다.
• 벡터 디자인을 새로 만드는지, 기존 디자인을 애니메이팅만 하는지에 따라 범위가 달라집니다.
• Lottie 파일 형식인지, CSS·자바스크립트 구현인지에 따라 작업 방식이 달라집니다.
• 파일 용량 최적화 작업 포함 여부를 구분합니다.
• 여러 화면 크기(반응형) 대응이 필요한지에 따라 범위가 달라집니다.
• 수정 요청 횟수를 몇 회까지 포함할지 미리 정합니다.

패키지 구성 예시

• 실제 앱·웹에 적용된 데모 영상이나 GIF를 포트폴리오에 올립니다.
• Lottie 파일과 웹 애니메이션(CSS, SVG) 둘 다 가능한지 명확히 씁니다.
• 파일 용량 최적화 경험을 구체적으로 설명해 신뢰를 높입니다.
• 첫 답장에서 사용할 화면 종류와 플랫폼(iOS, Android, 웹)을 바로 확인해 줍니다.
• 개발자와 협업한 경험이 있다면 소통 방식을 설명합니다.
• 제목에 용도를 구체적으로 써서 검색 노출을 높입니다(예: 앱 로딩 애니메이션 제작).
• 짧은 샘플 애니메이션을 여러 스타일로 준비해 다양성을 보여줍니다.

파일 용량이 커서 앱·웹 로딩 속도에 영향을 주는 경우

작업 완료 후 파일 용량을 확인하고 필요하면 벡터를 단순화해 최적화합니다.

실제 앱·웹 환경에서 재생이 어색하거나 깨지는 경우

납품 전 반드시 실제 환경이나 테스트 도구에서 재생을 확인합니다.

여러 화면 크기에서 애니메이션 비율이 깨지는 경우

반응형 대응이 필요한지 사전에 확인하고 여러 해상도에서 테스트합니다.

개발자가 파일을 적용하는 방법을 몰라 지연되는 경우

파일과 함께 적용 방법에 대한 간단한 가이드를 제공합니다.

수정 범위에 대한 합의 없이 무한 수정 요청이 들어오는 경우

계약 시 수정 가능 횟수와 범위를 명확히 정해둡니다.

• 2D 애니메이션
• 3D 애니메이션
• 화이트보드 애니메이션