– 카페24의 기능연구
카페24의 모든 기능을 사용해보자는 목적으로 만들어졌습니다. 상기 사이트는 연구를 위한 프로젝트이며 실재 판매를 하고 있는 사이트는 아닙니다. 카페24 FTP 파일 계층 구조도를 모두 파악하는 것을 목적으로 디자인 적용에 문제가 없도록 전체 디자인을 기획하였으며 이에 따른 html, CSS, JQuery 등의 코딩 역시 기획대로 진행되었습니다.
사이트 언어는 한글을 사용하는 것이 효과적이나 연구를 목적으로 한 샘플 사이트이기에 한글로 된 Lorem Ipsum(샘플 문구)를 사용할 시 한국인이 볼 경우 어색함을 줄 수 있어 전체 언어를 영어로 설정하였습니다. (JQuery의 치환 명령어를 활용하였습니다.) 영문으로 문구를 삽입한 만큼 디자인에 작업이 원활하였습니다. “좋아요” 기능, 위시리스트, 카트 등 카페24 모듈에서 지원 가능한 대부분의 기능과 쇼핑 구조 및 크로스 브라우징 테스트를 완료할 수 있었습니다.
– 사이트 구조도
메인 페이지를 제외한 나머지 페이지의 구조도입니다.
상품 대메뉴-1
상품 세부메뉴-1
상품 세부메뉴-2
상품 대메뉴-2
상품 세부메뉴-1
상품 세부메뉴-2
상품 대메뉴-3
상품 세부메뉴-1
상품 세부메뉴-2
상품 대메뉴-4
상품 세부메뉴-1
상품 세부메뉴-2
상품 대메뉴-5
상품 세부메뉴-1
상품 세부메뉴-2
회원관리
로그인
회원가입
관심상품 리스트
카트 리스트
회원정보
커뮤니티
※ 추가로 이용약관, 개인정보처리방침, 이용안내, 상품 리스트, 상품 상세페이지
– 사이트 스크린샷
스크린샷은 오직 이해를 돕기 위한 목적으로 전체 사이트가 아닌 일부 페이지만을 사용합니다.
– 이해를 돕기위한 목업(Mock-up)
실제 사용되기 전, 디자인의 검토를 위해 실물과 비슷하게 가상 시뮬레이션으로 미리 볼 수 있는 결과물입니다.
※ 버튼을 누르시면 새 창으로 이동합니다.