아카이브사이트맵
© 2026 Rayon. All rights reserved.
DevDay
아티클랭킹스페이스채용
컬리 favicon컬리

컬리, 퀵메뉴 디자인으로 매출 UP!

by DD
2023-12-20
2년 전
조회수 1

컬리는 퀵메뉴를 통해 신규 서비스 접근성을 높임

아이콘 디자인 변경 및 모션 도입으로 사용자 참여율 증가

컬리멤버스 아이콘 개선 후 멤버십 가입률 상승 효과를 얻음

퀵메뉴 구조 설계: 스와이프 방식

컬리 퀵메뉴는 스와이프 방식으로 여러 메뉴를 탐색하도록 설계되었다. 따라서 메뉴 추가/삭제에 유연하게 대응할 수 있다. UI 변형 없이 메뉴를 관리할 수 있도록 설계하여, 운영 효율성을 높였다.

아이콘 스타일 변경: 라인 vs 솔리드

기존 라인 타입 아이콘은 퀵메뉴 위치상 가시성이 떨어지는 문제가 있었다. 솔리드 타입 아이콘으로 변경하여 가독성을 높였다. 컬리멤버스 아이콘 개선을 통해 가입률 상승이라는 긍정적 결과를 얻었다.

모션 아이콘 도입: 지표 상승 효과

퀵메뉴에 모션 아이콘을 도입하여 사용자 참여를 유도했다. 컬리멤버스 아이콘에 혜택을 강조하는 문구를 추가하여 가입률을 높였다. 결과적으로 전환율 증가를 이끌어내, 매출 증대에 기여했다.

퀵메뉴로 비즈니스 널리 알리기 (feat. 전지적 디자이너 시점)
중급
Design
UI/UX Design
Frontend
원문 읽기
원문 읽기

댓글 0

첫 번째 댓글을 남겨보세요!

관련 추천 글

샐러드게임, 귀여움으로 무장한 BX 디자인 비하인드 스토리!

뱅크샐러드 로고

FE Ops 6개월, 프론트엔드와 데이터 도메인 사이에서의 성장기록

벨로그 로고

8년차 개발자의 험난한 이직기, 결국 D사에 합격!

벨로그 로고

카카오톡 예약하기, 캘린더 UI 구현 비하인드 스토리

카카오 로고

WeCoded 챌린지 수상자 발표! 개발자들의 감동적인 이야기와 프론트엔드 기술의 만남

데브투 로고

AI 엔지니어들이 백로그를 해결해 드립니다!

프로덕트 헌트 로고
컬리 favicon컬리
중급
Design
UI/UX Design
Frontend

관련 추천 글

샐러드게임, 귀여움으로 무장한 BX 디자인 비하인드 스토리!

뱅크샐러드 로고

FE Ops 6개월, 프론트엔드와 데이터 도메인 사이에서의 성장기록

벨로그 로고

8년차 개발자의 험난한 이직기, 결국 D사에 합격!

벨로그 로고