티스토리 뷰
1. 웹 서비스 선정
1) 선정 이유 : 자주 이용하는 자연드림 홈페이지이며 개선 사항이 필요해보여 선정하게 되었다.
2) 서비스 소개 : 협동조합사업체, 친환경 유기농산물 직거래 사이트
2. 디자인 분석
1) 화면 구성
▶ Header : 최상단 부분 영역
최상단 부분에 iN, 자연드림, 라이프케어 메뉴로 나누어져 있다.
그 밑에는 항암죽 구매하기, 장보기, 라이프케어 활동 참가, 마이아이쿱, Link, 장바구니로 나누어져 있다.
▶ GNB (Global Navigation Bar) : 상단 카테고리 메인바, 모든 페이지의 메뉴구성
→ 최상단 영역에 많은 메뉴들이 있어 사용자가 어디로 들어가야 하는지 혼란을 줄 수 있어 보인다. 실제로 장보기 글을 찾는데 시간이 꽤 소요되었다.
→ 중복되는 메뉴가 많다.
최상단에 있는 아이쿱협동조합과 자연드림, 라이프케어로 대표적으로 나눌 수 있는데 ↓
다시 밑에 항암죽 구매하기, 장보기, 라이프케어 활동 참가, 마이아이쿱, Link, 장바구니까지 3개의 분류된 사이트 링크가 다시 중복되어 나열되어 있고 ↓
그 밑에 또 동일한 내용의 메뉴가 나열되어 있다. ↓
▶ 본문
- 광고페이지
- 자연드림 공지사항
- 건강 정보 페이지
암에 크게 초점이 맞춰져있으며, 암 사망과 암진료비 10조원 돌파 등이 있다. 하지만 과도하게 암에 초첨이 되어있어 다소 거부감이 들기도 하다.
- 치유사례 인터뷰
- 자연드림 제품 소개
- 자연드림 캠페인
- 자연드림 조합원 혜택 및 채널 소개, 상담센터 연락처 안내 등
▶ FNB (Foot Navigaion Bar, Footer) : 하단 부 종료바
2) 클릭시 동작
마우스를 가져다 대면 아래로 메뉴가 내려오고 색상이 변하면서 밑에 줄이 그어진다.
3) 인상 깊은 이유
자연드림 홈페이지에 들어오면 옆으로 자동으로 넘겨지는 아주 큰 이미지 광고페이지가 눈에 띄며, 암 예방에 초첨이 맞춰져 있고 유기농 항암식품임을 내세우고 있다. 또 종이팩 재활용 지지서명 캠페인 참여자를 상단에 위치시켜 자연친화적인 기업임을 강조하고 있어 인상깊었다.
3. 개선 아이디어
- 상단 메뉴가 많고 중복되는 메뉴가 많아 사용자에게 혼란을 준다. 3단계로 나누어져 있는 메뉴를 2단으로 줄여 사용자의 혼란과 피로도를 줄인다.
- 공지 영역이 광고페이지 하단에 아주 작게 표시되어 있어서 찾기가 어렵다. 좀 더 나열식으로 하여 소비자가 잘 정보를 잘 확인 할 수 있도록 개선한다.
'사전캠프 미션' 카테고리의 다른 글
2주차_3,4,5 선정한 웹 클론디자인 (1) | 2023.12.07 |
---|---|
2주차 3_UXUI 아티클 스터디 (모바일 폰트크기, UI 색상팁) (2) | 2023.12.07 |
2주차 1_UXUI 아티클 스터디 (UI를 위한 색) (0) | 2023.12.04 |
2주차 1_UX/UI 디자인 용어 정리 (1) | 2023.12.04 |
1주차 5_컴포넌트 만들기 (수정중) (0) | 2023.12.04 |