알씨타운
글로벌 온라인 클래스 플랫폼 'class101' 본문
안녕하세요 알씨타운입니다~ :)
2022년의 1주가 지나가고 2주째 입니다~(시간이 흐르는게 정말 빠른것 같습니다!)
여러분들은 어떤 취미를 가지고 계신가요?
취미가 없으시다면 몇 가지 이유를 짐작해보고자 합니다.
첫 번째는 시간의 여유가 없다!
두 번째는 취미를 하려면 재료가 필요한데 하나하나 모으기 힘들다!
세 번째는 어디서부터 시작해야 할 지 막막하다!
두 번째, 세 번째의 이유시라면 아마 이 플랫폼에 관심을 가지실 것이라 생각합니다!
온라인 클래스 플랫폼 '클래스 101' 웹 분석 시작합니다.
사이트 컨셉
메인페이지
메인페이지는 이와 같이 세 가지 구성으로 나누어 보겠습니다.
1_ 메인페이지 상단
메인페이지 header 구성은 첫 줄은 이벤트 배너로
오른쪽 x를 누르면 끌 수 있게 되어있고
사이트를 나가지 않는 이상 이벤트는 나타나지 않습니다.
로고, nav[클래스, 스토어], 검색창, 크리에이터 지원, 지원교육, 로그인 순으로
section이 구성되어 있습니다.
클래스와 스토어를 나눠두어 재료나 필요상품들을 구매하는
구매자들을 자연스럽게 유도하여
사이트의 수익성을 높여주는 강점이 있다는 생각이 듭니다.
다음 section은 클래스 내의 nav 위치해 있습니다.
하단에는 이벤트 배너가 큰 사이즈로 auto swipe / swipe 되도록 되었습니다.
뒤에 배경은 이미지가 블러처리된 이미지로 담겨 있고
앞에 있는 이미지가 강조되도록 배치되어 있음을 알 수 있습니다.
하단에는 container 크기만한 중간 이벤트 배너가
클래스 리스트로 넘어가기전 한번
중간 정리를 해주는 느낌입니다.
이 사이트 페이지의 단점이라면
top버튼이 어디에도 존재 하지 않는다는 점입니다.
사용자 입장에서는 돌아가기 불편한 형태라는 생각이 듭니다.
좀더 자세하게 세 가지 기능을 분석하면
4
검색 기능은 의도했는지는 잘 모르겠지만
검색 돋보기를 클릭하면 신규 클래스 페이지로 이동하게 되어있고
검색창의 input text box에 클릭을 하면
이와 같이 뒤에 페이지가 block 되고 검색창이
내려오는 형태로 구성되어 있습니다.
5
전체 카테고리는 많은 정보들을 담고 있어 대메뉴가 밑으로 떨어지고
hover 시 오른쪽으로 소메뉴가 나오는 형태를 가지고 있었습니다.
6
오른쪽 하단의 문의하기 버튼은
버튼을 클릭하면 위와 같이 클래스 문의를 할 수 있는
창을 열 수 있게 됩니다.
2_ 클래스 리스트와 이벤트 배너
클래스 리스트를 보면 각자의 특징이 있지만,
일정하게 정렬되어 있다는 점을 볼 수 있습니다.
이것이 장점이자 단점이 될 수 있을 것 같습니다.
너무 다양한 파트에 사용자들 입장에서는
휘리릭 넘길것 같다라는 생각이 들었습니다.
중간 배너가 하나 있어 사용자의 지루함을
조금 완화할 수 있었다고 생각합니다.
3_ 푸터 구성
인기 카테고리의 위치가 맨 하단에 있어
개인적인 생각으로는
위치가 상단에 있는것이 좋을 것 같습니다.
대분류 / 소분류 카테고리
대분류와 소분류의
active 효과를 point color로 주었습니다.
카테고리 분류를 한번 더 해주어
사용자에게 선택지를 줄여주었습니다.
상세페이지
상세페이지 안으로 들어오게 되면
사용자가 스크롤 하게되면
오른쪽 자세한 정보가 stiky 되어
하단에 이미지처럼 작동하게 됩니다.
이 처럼 스크롤을 하게되면,
오른쪽의 결제 정보가 같이 고정되어
내려오는 것을 알 수 있습니다.
상단의 7번 버튼을 누르게 되면
팝업창이 뜨게되고 선택지가 나타납니다.
선택지를 고르게 되면
하단과 같이 결제창이 등장하게 됩니다.
결제 창은 일반적인 웹 사이즈가 아니라
모바일 사이즈의 형태로 나오게 됩니다.
결제 창의 사이즈은 통일했다는 점은
조금 아쉬운것 같습니다.
글을 마치면서
개인적으로 어려운 공부를 목표를 가지고
공부하는 것도 좋지만 가끔은 가벼운 마음으로
간단한 과정으로 할 수 있다는 점이
이 사이트의 강점이자 장점이라는 생각이 듭니다.
여러분들도 알찬 2022년을 위해 새로운 취미를
가져보시길 추천드립니다!
알씨타운이었습니다~! 감사합니다!
'RCTOWN 리뷰 > 웹 리뷰' 카테고리의 다른 글
| 이유식을 밸런스 있게 '남양 케어비' (0) | 2022.02.03 |
|---|---|
| 노트, 데이터, 프로젝트 관리 All In One 툴(Tool) 노션(NOTION) (0) | 2022.01.26 |
| [웹 사이트 제작분석] 함께 발전하는 기업, 포스코O&M (0) | 2022.01.10 |
| 세상이 돌아가는 소식을 이메일로 'NEWNEEK' (0) | 2021.12.03 |
| 세계 최대 규모의 NFT마켓 오픈씨(OPENSEA) (0) | 2021.11.30 |
