목록 보기
퀵메뉴로 비즈니스 널리 알리기 (feat. 전지적 디자이너 시점)
프론트엔드

퀵메뉴로 비즈니스 널리 알리기 (feat. 전지적 디자이너 시점)

마켓컬리
마켓컬리
2023년 12월 20일

두줄요약

홈 화면 퀵메뉴를 스와이프형 구조와 솔리드 아이콘으로 설계해 신규 서비스 진입을 유도했습니다. 컬리멤버스에는 혜택을 강조한 모션 아이콘을 적용해 가입률 상승 요인을 검증했습니다.

문제 상황

  • 홈 화면에서 신규 비즈니스·시즈널 이벤트 메뉴의 발견과 빠른 진입 경로 필요
  • 최소 4~5개 메뉴 수용 및 유동적 메뉴 교체를 고려한 신규 구좌 요구

구조와 흐름

  • 메인 배너 하단에 일렬 배치하고 스와이프로 전체 메뉴를 탐색하는 퀵메뉴 구조
  • 메뉴 수와 무관하게 UI 변형 없이 메뉴를 추가·제거할 수 있는 운영 방식
  • 라인 아이콘 대신 솔리드 아이콘과 일부 모션으로 메뉴 위계·주목도 강화

선택 이유

  • ATF 영역에서 하단 탭바의 라인 아이콘과 시각적으로 충돌하는 문제 해소
  • 기존 컬리 기조를 유지하면서도 간결·직관적인 신규 그래픽 스타일 확보
  • 컬리멤버스의 구독료와 혜택을 교차 노출해 랜딩 페이지 진입 유도

성능/운영 포인트

  • 컬리멤버스 텍스트형 모션 아이콘 개선 후 멤버십 가입률 상승 요인 검증
  • 강조 중심 운영에 따른 시각적 피로도와 사용자 경험 간 균형 조정 필요

컬리 계열사 채용12건

채용 사이트에서 전체 보기

다음 읽기

#UI/UX 주제를 이어서 읽기

퀵메뉴로 비즈니스 널리 알리기 (feat. 전지적 디자이너 시점)

컬리 홈 화면에 퀵메뉴를 도입해 신규 비즈니스와 이벤트 진입을 높이는 디자인 과정을 소개했습니다. 아이콘 스타일과 모션을 개선해 멤버십 가입율 상승 요인까지 검증했습니다.

마켓컬리
마켓컬리
프론트엔드

댓글 0개

댓글을 작성하려면 로그인이 필요합니다.

댓글을 불러오는 중...