[로티파일즈] 적용사례 - 개발자 시선으로 바라본 로티 애니메이션

로티파일즈 첫 개발 밋업에서 게스트 스피커로 연사를 진행하게 되었다.
 
"개발자 시선으로 바라본 로티 애니메이션" 주제로 진행하였고, 세부목차는 아래와 같다. 

• 우리가 모션애니메이션에 열광하는 이유 
• 로티와 함께 모션 애니메이션을 적용하는 방법
• 로티와 함께 프로젝트를 성공적으로 이끈 사례 

 

1. 우리가 모션 애니메이션에 열광하는 이유?

 
모션 애니메이션 누구에게는 낯선 단어  일 수도 있지만 스마트폰이 일반화된 우리 사회에서는 우리가 하루에 몇 번이고 사용하는 수많은 애플리케이션을 통해서 이미 알게 모르게 눈으로 보고 경험해 왔다.
 
대표적인 예로 로티파일즈 홈페이지에서 볼 수 있는 배달의 민족 (좌), 토스 (우) 2가지 국내 서비스들이 있다. 
우리나라에서 배달의 민족, 토스를 모르는 사람이 있을까 싶다.
 

resource : LottieFiles

정적 이미지보다 모션 애니메이션에 우리가 더 열광하는 이유는 "스킨십"이라고 생각한다. 
남녀노소 스마트폰이 보급화 된 사회, 그리고 코로나로 직접적인 대면을 통해서 서로 전하는 스킨십의 형태가 많이 변화되었다.
필자가 참여하는 스터디, 미팅 등도 원격으로 통해서 진행하는 경우가 이전에 비하면 훨씬 많아진 게 사실이다. 
대면으로 전달해왔던 "의도" , "공감"등 의 전하고 싶은 스킨십의 한 수단으로 우리는 모션 애니메이션이라는 수단에 열광하고 있는 것이다.
 
 

2. 모션 애니메이션을 적용하는 방법

디자인의 "D"도 잘 모르지만 모션 애니메이션을 적용해보고 싶은 개발자를 위해 로티파일즈는 아주 좋은 방법 중 하나이다. 
로티파일즈에서는 방대한 무료 리소스를 제공하기 때문이다.
 
1. 홈페이지 접속
2. 필요한 리소스 검색

resource : LottieFiles

3. 원하는 모션 애니메이션을 워크스페이스에서 오픈 
4. 프로젝트에 톤 앤 매너에 맞는 색상 변경 및 속도 커스텀 가능 

resource : LottieFiles

 
무료 리소스 제공뿐만 아니라 커스텀하게 할 수 있다니 일석이조라고 할 수 있다. 

3. 로티와 함께 프로젝트를 성공적으로 이끈 사례

1. 현업 

현업에서는 능동적으로 업무를 진행하기가 쉽지 않다. 수많은 백로그, 스프린트를 진행하다 보면 다른 팀에게 작은 협조 요청도 망설여지게 될 때가 많다. 
 
필자의 경우도 모션 애니메이션을 넣고 싶은 경우가 있었는데 디자이너분들의 엄청난 작업양으로 인해 협조요청을 하기 쉽지 않은 상황이었다. 또 그렇다고 디자인을 할 수 있어서 스스로 척척 할 수도 없는 상황이었다. 
 
이 상황에서 로티파일즈를 통해서 모션애니메이션을 적용한 파일럿을 스크럼을 통해 공유하였다. 
당시에 iOS 팀 소속이었는데 android, web 팀에서도 긍정적으로 봐주셔서 프로젝트에 적용하게 되었고, 추후 디자인팀에서도 간단하게 모션애니메이션을 직접적으로 제작하지 않아도 로티파일즈에서 제공하는 리소스를 통해서 작업한 모션 애니메이션 적용을 제안을 해주기도 하였다. 
 
현업에서는 많은 업무로 인해 자칫 각 자의 일만 잘하자라는 분위기가 될 수도 있지만, 프로젝트의 성공을 위해서 달리는 동료들의 마음은 같을 것이다.
요청하고 기다리는 수동적인 자세보다 로티파일즈를 통해서 능동적인 태도로 다른 팀과 커뮤니케이션 시도를 통해 다른 팀과 자연스럽게 라포를 형성할 수 있는 기회를 얻게 되었고, 결과적으로는 팀워크에 기여하는 경험을 하게 되었다. 
 

2. 커뮤니티 

필자는 레츠스위프트의 준비위원회로 활동하는 동안 레츠스위프트 공식 애플리케이션에 애플의 감성적인 부분을 넣기 위해 고민하다가 당시에 같이 개발을 진행했던 메이트분들과 논의하고 로티파일즈 모션애니메이션을 적용하였다. 
 
커뮤니티 준비위원회의 경우 어떠한 금전적인 보상이 있는 것이 아니라 각자 좋아하는 커뮤니티의 도움이 되고자 열정 넘치는 분들이 함께하고 있다. 그렇기 때문에 현업 + 커뮤니티 활동들이 병행되다 보니 디자이너 분들께 모션 애니메이션 제작 요청을 드리는 것도 쉽지 않기도 하였다. 
 
애플이라는 브랜드를 좋아하는 분들의 자주 입에 오르는 애플의 장점은 감성이라고 한다.
애플 특유의 모션애니메이션이 이런 감성적인 부분에 한몫을 톡톡히 한다고 생각하고 있던 필자는 이런 부분을 놓칠 수가 없었다. 
 
우선 개발팀 내부적으로 논의 및 적용하고 순차적으로 디자인팀에게도 공유하는 방식으로 진행하였는데 개발팀, 디자인팀 전부 긍정적인 피드백을 받아서 공식 애플리케이션에 적용할 수 있었다. 
 
 

 

마무리

-오랫동안(Airbnb에서 개발한 라이브러리였던 시절부터) 로티파일즈를 사용해 왔고 좋아하고 지지해 왔던 로티파일즈 덕후로서 너무 감사한 자리였다.