우당탕탕 beauty 풀한, 컬리 앱 서비스 런칭기

컬리는 2022년 상품 개편과 뷰티 컬리 런칭이라는 두 가지 큰 과제를 동시에 수행했다. 뷰티 컬리 배포는 8월 이전의 비즈니스 요인에 따라 타겟팅되었으며, 개발자는 상품 개편 QA와 뷰티 컬리 개발을 병행해야 했다.

'site' 개념 도입과 아키텍처 변경

뷰티 컬리 개발 과정에서 앱 상위 개념인 **'site'**가 도입되었다. 기존 레거시 코드는 하나의 클래스에서 앱 전체 의존성을 생성하는 구조였으나, site 변경 시 API path가 달라지는 문제를 해결하기 위해 의존성 주입 방식을 수정했다. 초기에는 site 프로퍼티를 직접 주입했으나, 사이트 전환 시 RootViewController가 재생성되어 불필요한 API 호출이 발생하는 문제가 생겼다.

이를 해결하기 위해 site 서비스 클래스를 주입하고 필요 시에만 subscribe하는 이벤트 기반 방식으로 변경했다. 이 개선으로 RootViewController 재생성이 방지되고 API 호출이 감소하여 로딩 시간이 단축되었다.

구좌 템플릿화와 유입 개선

마켓과 뷰티 컬리는 노출 상품이 다르지만 UI 형태가 유사하여, **구좌(Guza)**를 템플릿화하고 백오피스를 통해 동적으로 처리하도록 모델링했다. 이는 코드 재사용성을 높이고 유지보수를 용이하게 했다.

런칭 후 상단 전환 버튼의 전환율이 낮다는 피드백을 받아, 컬리 추천 탭에 플로팅 버튼 **'둥둥이'**를 도입했다. '시선 강탈자'라는 콘셉트로 디자인된 이 버튼은 클릭 유도를 통해 뷰티 컬리 유입을 증가시키는 데 기여했다. 개발자는 디자인과 개발을 병행하며 실험적인 UI를 구현했고, 협업 직군들의 시각을 반영하는 중요성을 학습했다.