미션) 자주 사용하는 웹 서비스 홈 화면 분석 ➡︎ 마켓컬리
1. 서비스 선정
- 서비스명 : 마켓컬리
- 서비스 소개 : 식재료, 뷰티, 라이프스타일 등의 상품을 판매하는 앱 커머스
- 서비스 선정 이유 : 먹거리를 사기도 하고, 화장대를 채우기도 하고, 집에 필요한 것들을 찾아보기도 한다. 앱이 사용하기 편하고 본능적으로 들어가게 된다. 그래서 요즘 제일 많이 이용하는 어플 중에 하나이다.
2. UI/UX 디자인 분석
-
화면 구성 / 인상깊은 UI/UX / 클릭 및 동작
-
예쁜 보라색의 색상으로 로딩페이지와 2024 설 연휴 페이지가 지나가고나서야 홈화면이 나온다. 나 역시도 설 선물세트를 마켓컬리에서 주문했다.
-
디자인도 제품사진도 너무 세련된 느낌을 준다. 똑같은 제품에 똑같은 가격이더라도 예쁜걸 고르게 되는 그런 느낌..
-
홈화면에서는 최상단에 마켓컬리/뷰티컬리 탭이 나뉘어 있다. 탭 전환으로 용도에 맞게 사용하기 편리했다. 지금 시즌은 아무래도 설 연휴이기 때문에 메인 광고 배너와 선물 랭킹이 상단에 위치하고 있다.
-
마켓컬리 베스트 페이지에서 TOP100, 인기급상승, 컬리에만있는 등의 카테고리들로 호기심을 자극하는 것 같다. 전부 눌러보고 싶어진다.
-
제품의 이름과 사진, 가격, 리뷰갯수를 보고 바로 구매할 수 있도록 ‘장바구니 담기 버튼’이 중앙에 위치하고 담기를 누르면 아래에서 위로 올라오는 팝업창이 나오고 갯수 선택 및 담기 버튼을 다시 클릭한다. (*팝업종류참고)
-
장바구니에 담기면 바로 다른 고객이 함께 구매한 상품이 보여지고 바로 담을 수도 있다.
-
검색페이지는 최근 검색어와 추천 검색어, 급상승 검색어로 다른 사용자들이 어떤 제품들을 보는지 알 수 있다. 가끔 필요한 것을 까먹고 지나칠때가 있는데 이 페이지를 보면 생각나기도 한다.
-
장바구니 페이지는 상단에 내 주소가 보이고 바로 변경할 수 있다. 오배송을 막게 되는 것 같다. 그리고 자세히 보면 단락이 나눠있는데 냉장, 냉동, 상온 상품으로 보여준다. 고객의 입장을 고려한 기능인 것 같다. 이런 세심한 부분에 작은 감동을 줄 수 있구나 싶었다.
-
해시태그 아이콘을 클릭하면 SNS처럼 다른 사용자들의 레시피를 볼 수 있고 올릴 수 있다. 특히 상단에 ‘내가 구매한 상품 활용하기’를 클릭하면 어떤식으로 해서 먹었는지 볼 수 있다. 다른 사용자들의 레시피를 보고 따라하면서 요리를 색다르게 해먹을 수 있다.
-
3. 개선 아이디어
3. 개선 아이디어
- 카테고리가 복잡할 수 밖에 없겠지만 좀 더 눈에 잘 들어왔으면 한다. 왼쪽 이미지는 마켓컬리의 카테고리이고, 오른쪽 이미지는 쿠팡프레시의 카테고리인데, 내가 과일을 사려고 할 때 과일의 이미지와 함께 보인다면 좀 더 빠르게 찾을 수 있을 것 같다.
WIL(Weekly I learned)
-
이번 주 경험한 모든 일
- UX/UI 디자인 아티클 스터디
- 저번주는 정말 어려웠다 생소하기도 하고 마냥 남의 것을 따라 쓰기만 하는 것 같았는데 하다보니 내 생각도 적어보고 다른 관점에서 생각도 해보고 시간도 점점 단축하는 것을 느꼈다.
- 피그마로 웹/앱 컴포넌트 제작
- 총 2번을 했는데 첫번째는 이게 맞는건지 그냥 마음대로 해버렸다. 두번째는 유튜브도 보면서 따라해보고 배운대로 작업해보면서 처음보다는 빠르게 진행했다. 아직 감은 안잡히지만..
- UX/UI 웹/앱 분석 리뷰
- 분석, 리뷰를 쓰기 위해서는 진짜 내가 많이 사용해본 웹/앱이여야 했다. 첫번째는 자주 쓰긴했지만 사용한지 얼마 안된 앱이였는데 꽤 분석하기 힘들었다. 두번째는 진짜 자주 사용하는 앱으로 진행해보니 점점 할말이 많아지는 것을 느꼈다.
- UX/UI 디자인 아티클 스터디
-
이번 주 아쉬웠던 점 / 깨달은 점 / 나의 감정
- 아쉬웠던 점 : 늦게 자고 늦게 일어나는 것
- 깨달은 점 : '그냥 하면 된다'
- 나의 감정 : 뿌듯
-
다음 주 만들고 싶은 장면
- 지금처럼 계속 꾸준히 하기
- 1시 전에 자고 8시에 기상하기
