커피 원두와 관련 상품을 판매하는 프리미엄 커피 브랜드의 이커머스 사이트입니다. 카페24 쇼핑몰 플랫폼의 스마트디자인Easy 기반 스킨을 맞춤형 스킨으로 재구축했으며, 기존 상품 데이터와 기능을 유지한 채 브랜드 분위기에 맞게 화면 구성을 새로 잡았습니다. 제작 이후 운영자가 직접 관리하며 이어갈 수 있도록 초기 설정과 운영 지원도 함께 진행했습니다.
화면 구성과 탐색 구조
첫 화면과 방문자 진입 흐름
맞춤형 스킨으로 재구축하면서 메인 화면 레이아웃을 전면 재설계했습니다. 대형 비주얼 배너를 전면에 내세우고, 배너 바로 아래에 방문자 유형별 진입 버튼을 배치했습니다. 사업자 구매, 개인 구매, 프랜차이즈 문의를 구분해 각각 다른 페이지로 연결한 구조입니다. 메인 하단으로 내려가면 주간 인기 상품 섹션이 나오고, 신제품 영역을 거쳐 브랜드 소개 섹션으로 이어집니다. 추천 상품은 브랜드 소개 직전에 한 번 더 노출하도록 배치했습니다.
상품 카테고리와 브랜드 스토리 연결
커피 원두를 기준으로 커피잔, 텀블러, 디저트, 굿즈 등 제품군을 카테고리로 나눴습니다. 상품 목록 페이지에서 카테고리 이동이 바로 가능하도록 상단 필터를 고정 배치했고, 각 카테고리 페이지는 독립된 검색 목적을 갖도록 URL 구조와 페이지 제목을 별도로 정리했습니다.
브랜드 역사와 시그니처 메뉴 소개는 별도 섹션으로 구성했습니다. 브랜드 소개 섹션 안에 관련 상품 페이지로 이어지는 경로를 연결해, 브랜드 정보를 읽다가 상품 탐색으로 넘어가도록 했습니다.
반응형 처리와 관리자 운영
완전 반응형 스킨으로 모바일 대응
카페24 쇼핑몰 플랫폼은 모바일 전용 디자인을 별도로 운영하는 방식을 제공하지만, 이 프로젝트에서는 PC 버전을 완전 반응형 스킨으로 제작해 모바일을 함께 지원하는 방식을 선택했습니다. 모바일 전용 디자인을 따로 두면 PC와 모바일 두 곳을 각각 수정해야 하는 구조가 됩니다. 반응형 스킨 하나로 통일하면 배너 교체나 레이아웃 수정이 한 번의 작업으로 양쪽에 반영되어 운영 부담이 줄어듭니다.
화면 너비에 따라 메인 배너 비율을 조정하고 상품 카드를 1열로 전환하며, 방문자 유형별 진입 버튼과 카테고리 탐색은 모바일 화면에 맞게 구조를 재배치했습니다.
관리자 운영 구조와 운영 지원
상품 등록, 카테고리 관리, 배너 교체, 주문 처리는 카페24 쇼핑몰 플랫폼이 제공하는 관리자 기능을 그대로 활용합니다. 별도 개발 없이 운영자가 직접 다룰 수 있는 환경이 갖춰져 있어, 시즌마다 상품 구성이나 메인 노출을 바꾸는 작업도 관리자 화면 안에서 처리됩니다. 초기 설정 단계에서 카테고리 분류 체계와 상품 속성 항목을 미리 정리해둔 것도 이 때문입니다.
플랫폼 FTP를 통해 HTML 수정이나 이미지 교체가 필요한 상황에 대비해 운영 가이드와 상담도 함께 제공했습니다. 간단한 수정은 외부에 맡기지 않고 운영자 선에서 직접 처리할 수 있는 범위를 넓히기 위해서입니다.
검색 구조와 페이지 역할 분리
카페24 쇼핑몰 플랫폼의 SEO 설정 항목을 활용해 페이지별로 제목 태그(title)와 설명 태그(description)를 구분해 작성했습니다. 카테고리 페이지는 상품 탐색, 브랜드 소개 페이지는 신뢰 형성이라는 역할을 각각 맡도록 페이지 성격에 따라 키워드와 문장을 달리 정리했고, 상품명과 상품 설명 텍스트도 검색 노출을 고려한 구체적인 명칭을 기준으로 작성했습니다.
브랜드 소개, 상품 분류, 구매 경로가 한 흐름 안에서 읽히도록 페이지 간 연결 구조를 잡았고, 카테고리 페이지에서 상품 상세로, 상품 상세에서 브랜드 소개로 이어지는 내부 링크 경로도 함께 정리했습니다.
