- 13상품별 제작 가이드
- 9대상별 안내 (기업·관공서·학교 등)
- 65지역별 안내 (시·도, 시·군·구)
- 498업종별 추천 페이지
화면 미리보기
판촉9단 가이드 2.0 — 상품·대상·지역·업종 4축 판촉물 가이드 화면
한 일
6가지를 맡았습니다
이 프로젝트에서 직접 설계하고 만든 범위입니다.
- 01정보 구조 — 상품·대상·지역·업종 4축 + 블로그·납품일지, 주소 체계 설계
- 02UI/UX 디자인 — 오렌지·라임 톤, 상품 가이드 템플릿, 카드·표·배너 레일
- 03퍼블리싱·개발 — 전국 지도, 업종 초성 검색, 플로팅 목차, 견적 폼·퀵 메뉴, 반응형
- 04콘텐츠 기획·작성 — 제작 가이드 5편, 상품 가이드, 블로그·납품일지
- 05검색 구조 — 지역·업종·품목 조합 페이지, 브레드크럼, 페이지별 메타, 최종 확인일
- 06배너·그래픽 — 업종별 추천관 키비주얼, 사이드 배너, 상품 카드 이미지
사용 기술
- 반응형 웹
- 인터랙티브 지도
- 초성 검색
- 브레드크럼
- 견적 폼
주요 화면
화면과 기능으로 보는 핵심
실제 운영 화면에서 잘라 왔습니다. 무엇을 왜 그렇게 만들었는지 함께 적습니다.
목록에서 바로 비교하는 상품 카드
모든 상품 카드에 기준 수량, 제작 기간, 인쇄 방식을 같은 자리에 적었습니다. 담당자가 상세 페이지를 하나씩 열지 않아도 품목끼리 조건을 비교할 수 있습니다.
- 기준 수량
- 제작 기간
- 인쇄 방식
지역을 고르면 납품 조건이 펼쳐지는 전국 지도
시·도 칸에 마우스를 올리면 미리 보고, 누르면 고정됩니다. 옆 칸에 그 지역의 안내 페이지와 긴급 납품 방법이 함께 나와, 지역 이름으로 검색해 들어온 담당자가 바로 조건을 확인합니다.
- 올리면 미리 보기 · 누르면 고정
- 지역 안내 페이지 연결
휴대폰에서는 네 갈래 탭이 길잡이
상단에 상품별·대상별·지역별·업종별 탭을 고정해 어느 페이지에서든 갈래를 바꿀 수 있고, 무료 견적 버튼은 머리글에 늘 보입니다. 업종 추천관은 '보건소'를 'ㅂㄱㅅ'으로도 찾습니다.
- 상품 가이드
- 메인
- 업종별 추천관
- 04
블로그와 납품일지
업종·시즌 질문에 답하는 글은 블로그에, 실제 납품 사진과 과정은 납품일지에 기록합니다. 정보 글은 검색으로 들어오는 입구가 되고, 납품일지는 실제로 일하는 회사라는 근거가 됩니다.
- 업종·시즌·제작 팁 분류
- 읽기 시간 표기
- 현장 사진 기록
- 05
조건을 먼저 정하게 하는 첫 화면
첫 화면에 상품 대신 제작 가이드 5편(제작 방법·최소 수량·인쇄 방법·납기·견적 받는 법)을 놓았습니다. 처음 맡은 담당자가 막히는 순서 그대로입니다.
- 가이드 5편
- 시즌 발주 안내 배너
구조
이렇게 나눠 설계했습니다
검색하는 말과 찾는 순서에 맞춰 주소와 페이지를 나눈 방식입니다.
/product상품별13우산·텀블러·타올·달력·다이어리 등 품목마다 사진, 요약 문답, 조건 표, 고르는 기준, 인쇄 조건을 같은 틀로
/service대상별9기업·관공서·학교·행사·웰컴키트·단체선물 등 받는 사람과 자리에 따라 달라지는 기준
/region지역별65시·도와 시·군·구 안내. 메인 전국 지도와 연결
/industry업종별4988개 대분류 → 업종 → 예산별 추천. 초성 검색 지원
/blog · /story콘텐츠블로그(업종·시즌·제작 팁)와 납품일지(현장 사진 기록)
/quote견적 요청"이 네 가지만 있으면" 작성 안내와 짧은 입력 폼, 전화·카카오 퀵 메뉴
과정
상황에서 결과까지
고객 상황, 문제, 접근 방법, 실행, 결과 순서로 적습니다.
- 1고객 상황
판촉물을 처음 맡은 담당자는 상품부터 고르다 수량, 인쇄, 납기에서 막힙니다. 쇼핑몰 상품 목록만으로는 '몇 개부터 되는지', '행사 전에 받을 수 있는지'에 답하기 어려웠습니다.
- 2해결해야 했던 문제
품목, 받는 대상, 지역, 업종처럼 검색하는 축이 여러 개라 한 갈래 메뉴로는 담당자가 원하는 정보에 닿기 어려웠습니다. 축이 늘수록 페이지마다 형식이 흩어질 위험도 컸습니다.
- 3목표와 접근 방법
네 축을 각각 독립된 '테마별 모음'으로 나누고, 머리글 메뉴·휴대폰 탭·바닥글이 모두 같은 네 축을 가리키게 했습니다. 상품 페이지는 하나의 템플릿으로 통일하고, 헤더의 무료 견적 버튼과 견적·전화·카카오 퀵 메뉴로 어느 페이지에서든 상담으로 이어지게 했습니다.
실행 내용
- 키워드 조사 → 정보 구조 → 템플릿 디자인 → 인터랙션 개발 → 콘텐츠 순서로 진행
- 상품 가이드 템플릿(요약 문답·조건 표·적합한 상황·종류 선택 기준·인쇄 조건)
- 전국 타일 지도, 업종 초성 검색, 플로팅 목차, 좌우 배너 레일
- 블로그·납품일지·신상품 콘텐츠 구역
- 견적 요청 폼과 견적·전화·카카오 퀵 메뉴, 반응형 정리
실제 결과
네 축 테마 모음과 콘텐츠 두 축을 갖춘 가이드 사이트를 운영 중입니다. 상품 카드와 상세 페이지에 조건과 최종 확인일이 함께 적혀 있어, 담당자가 견적 전에 기본 조건을 스스로 확인할 수 있습니다. 방문·견적 수치는 측정 기준이 정해지면 추가합니다.
배운 것과 제안
비슷한 상황의 고객에게
이 프로젝트에서 확인한 것만 적습니다.
- 축이 많은 비즈니스일수록 메뉴보다 '같은 축을 어디서나 똑같이 가리키는 것'이 중요합니다.
- 조건 표를 목록 단계에서 보여 주면 상세 페이지를 열기 전에 후보가 줄어듭니다.
- 지역·업종처럼 페이지 수가 많은 갈래는, 페이지마다 그 지역·업종에만 해당하는 내용이 있어야 검색에서 제 역할을 합니다. 같은 문장을 이름만 바꿔 늘리지 않는 것이 다음 과제입니다.
판촉9단 가이드 2.0 — 상품·대상·지역·업종 4축 판촉물 가이드 페이지를 끝까지 읽으셨습니다.
관련 콘텐츠
비슷한 상황이라면, 상담으로 먼저 이야기해 보세요.
지금 홈페이지 주소와 고민을 알려주시면 이 프로젝트와 비교해 무엇부터 할지 제안드립니다.
영업일 기준 1~2일 안에 답변드립니다.
