프론트엔드
퀵메뉴로 비즈니스 널리 알리기 (feat. 전지적 디자이너 시점)
두줄요약
컬리 홈 화면에 퀵메뉴를 도입해 신규 비즈니스와 이벤트 진입을 높이는 디자인 과정을 소개했습니다. 아이콘 스타일과 모션을 개선해 멤버십 가입율 상승 요인까지 검증했습니다.
문제 상황
- 컬리 홈 화면에서 신규 비즈니스와 시즈널 이벤트를 더 잘 노출할 필요
- 메뉴 수 증가와 운영 유동성을 고려한 퀵메뉴 구좌 설계 필요
- ATF 영역에서 하단 탭바와 시각적으로 충돌하는 아이콘 표현 한계
구조와 흐름
- 일렬 정렬과 스와이프 탐색이 가능한 퀵메뉴 구조 설계
- 메뉴 개수 변화와 교체를 고려한 추가·삭제 용이한 운영 구조
- 홈 진입 직후 발견성과 빠른 진입성을 높이는 배치
선택 이유
- 기존 라인 타입 대신 솔리드 타입으로 시각적 강조와 신선함 확보
- 멤버십 혜택 전달을 위해 로고 중심에서 텍스트 타입 아이콘으로 전환
- 기간제 이벤트와 위계 높은 메뉴를 돋보이게 할 모션 도입
성능/운영 포인트
- 아이콘 모션과 문구 변경으로 멤버십 가입율 개선 요인 검증
- 강조 강화에 따른 시각적 피로도와 밸런스 조절 필요
- 유저 경험에 맞는 메뉴 구성과 운영 지속 고민