입주 그리고 새로운 삶

입주 예약 컴포넌트를 수정하는 테스크를 처리하던 도중, 어김없이 즐거운 의문이 떠올랐습니다. 

입주 예약 컴포넌트는 왜 Why 어떠한 경우에도, 앱 메인화면의 최상단에 위치하는 가? 

누구나 앱에 접근하면 처음 보이는 자리. 명동 네이처리퍼블릭 같은 그 자리에

공지시가 1평 : 7억 !? 명동 네이처리퍼블릭 

" 입주 : 새집에 들어가 삶 "

새집에 들어가 산다는 것은 하나의 일이 매듭지어지고 새로운 시작을 한다는 의미입니다.

대학생활을 시작하기 위한 입주

직장에 출근하기 위한 입주

내 집에 입주

'잘살아보세'를 사용하게 되는 입주

입주민과 '잘살아보세' 모두에게, 그 무엇보다 중요하고 설레이는 새삶이니  그 자리에 위치하지않을까요 

---

 달라진 점은 무엇일까요??

그런데 말입니다. 무엇보다 중요하니 이 자리에 당당하게, 적게는 1주일 많게는 100일 이상씩 

컴포넌트가 위치하게 되는데, 컴포넌트에 변화가 없으니 결국, 유저입장에서는 같은화면만 보게됩니다.

즉, 입주예약완료 후 입주가 끝날때까지 입주민의 첫화면은 동일합니다.

(문자알림, 노티알림 등으로 입주날이 다가옴을 알려주긴합니다.)

그래서, 날짜에 따라 변화도록 몇가지를 수정해보았습니다.

---

 '잘살아보세' 색이 가득하면 이삿날

1. 프로그래스바

  프로그래스바를 추가하여 입주민이 입주날까지 얼마나 남았는지 시각적으로 제공하기로하고,

  기존에 있는 Divider (라고 CTO님이 하시더라구요)가 있는 공간을 활용하여 나타냈습니다.

  원래는 onCreate에서 값이 고정되있어서 차오르는듯한 애니메이션은 없었는데, 없으니 뭔가.. 

  동적인느낌도 적고, 입주민이 인식하기 쉽지않을 수 있다는  ㅅㅎ님의 의견이 있어서 추가 

  (좋은의견은 항상 굿굿)

개발팀 한명은 이쯔음 전역했다.

2. D-day 

  날짜 계산은 생각보다 쉽지 않습니다. 30일인지 31일인지도 따져야 하고 익숙한 10진수 계산도 아니니까요

  그러나 필요는 합니다. 며칠 전인지는 알아야 이사준비도하고 짐도싸고 헤어지는 친구들과 한잔하고 : )

  또한, 설레는 날의 D-day는 재미가 있습니다. 군대에서 전역일 D-day는 누구나해봤으리라 생각됩니다.

 펑펑~

3. congratulations

   입주예약 날이 되면 D-day가 폭죽 애니메이션으로 바뀌도록 했습니다. 

   처음엔 간단한 애니메이션을 넣으려다가, 고품질 애니메이션인 Lottie Library를 사용해서 추가해보았습니다.

   Lottie Library는 퀄리티가 좋지만, 스마트폰 성능 이슈가 있어서 저사양 스마트폰에는 이미지로 대체 등의 

   사후 작업이 필요합니다.

                   

" 입주를 진심으로 축하드립니다. '잘살아보세' "

4. 이스터에그

    이스터에그를 추가했습니다. 애니메이션을 클릭할 때마다 애니메이션이 계속 1.3배씩 커집니다. 

    애니메이션이 눌러야 하는 버튼처럼 생기지 않았으니 많은 입주민은 모르고 넘어가겠지만 

    운 좋고, 민감하고, 궁금증 많은 입주민은 몇 번 더 눌러보겟죠.

    계속 누르면 과하게 커지고 결국, 입주를 축하한다는 메시지와 함께 원래의 크기로 돌아오는

    작지만 기분 좋은 이스터에그를 추가했습니다.

  

꿑

참고 

ㄱ. 프로덕션엔 추가되지 않았음 

ㄴ. 스테이징 알림 텍스트는 GIF를 위해, 잠시 삭제함.