SYSTEM BLUEPRINT

카페24 프로모션 운영
내부 담당자용 스토리보드

편집·품절 교체·업셀링 규칙·인계가 어떻게 이어지는지 실제 화면처럼 보여줍니다.

스토리보드란?

스토리보드는 운영 담당자가 실제로 사용할 화면과 작업 순서를 미리 그려 보는 문서입니다.

  1. 프로모션을 복제하고 편집해 배포하는 흐름
  2. 품절 이미지와 업셀링 조건을 수정하는 흐름
  3. 가이드와 배포 기록으로 내부 운영을 완성하는 흐름

마지막까지 보시면 외부 개발자 없이 반복 프로모션을 운영하는 모습이 그려집니다.

운영 담당자 시나리오

고객이 상품을 발견하고 주문하기까지

메인, 카테고리, 상세페이지가 끊기지 않게 이어져 구매로 자연스럽게 들어가는 흐름

메인 진입

브랜드 비주얼과 신상품이 가장 먼저 보입니다.

카테고리 선택

귀걸이, 목걸이, 반지로 빠르게 좁혀 갑니다.

상세 확인

이미지와 설명을 같은 톤으로 읽을 수 있습니다.

주문 시작

장바구니와 구매 버튼이 명확하게 보입니다.

결제 완료

주문 후 다음 행동이 자연스럽게 이어집니다.

운영 담당자 | 화면 01

브랜드 메인 홈

/
브랜드 메인 홈
NEW IN,BEST,STORY
ROSE ACCESSORY
MENU · CATEGORY · LOOKBOOK
NEW COLLECTION
빛이 닿는 순간 더 선명해지는 프로모션
브랜드 스토리와 상품 진열을 함께 보여 주는 첫 진입 화면입니다.
카테고리
귀걸이
목걸이
반지
빠른 이동

[화면 개요 및 목적]

첫 화면에서 브랜드 감도와 신상품 가치를 함께 보여 주는 메인 구조입니다.

[핵심 기능 로직]

상단 비주얼, 바로가기, 신상품 진입을 한 화면에 묶어 첫 클릭을 만들도록 설계합니다.

  • 메인 배너와 신상품 영역을 한눈에 배치
  • 브랜드 스토리와 카테고리로 자연스럽게 연결
운영 담당자 | 화면 02

카테고리 목록

/category
카테고리 목록
FILTER,PINK GOLD
정렬신상품
재고구매 가능
가격필터 적용
색상로즈 톤
포인트 이어링
작은 크기지만 얼굴선을 또렷하게 잡아 주는 대표 상품입니다.
데일리 목걸이
일상에서 자주 쓰는 심플한 라인으로 구성했습니다.
레이어드 반지
여러 개를 함께 매치해도 자연스러운 두께감을 유지합니다.
시즌 한정 세트
선물용 구성과 패키징까지 함께 보여 주는 세트 상품입니다.

[화면 개요 및 목적]

상품이 많아져도 정리가 쉬운 필터형 목록 화면입니다.

[핵심 기능 로직]

가격, 재고, 색상 기준을 단순화해 상품 탐색 시간을 줄입니다.

  • 필터와 정렬을 쉽게 보이는 카드형 구조
  • 상품 사진과 핵심 문구를 반복 규칙으로 정리
운영 담당자 | 화면 03

상세페이지 포맷

/product/detail
상세페이지 포맷
DETAIL,ZOOM,BUY
대표 이미지
상품 분위기를 한 장에서 읽게 합니다
상품명하트 펜던트
주요 문구가볍고 섬세한 데일리 포인트
버튼장바구니 / 바로 구매
구매 포인트
이미지와 설명이 섞이지 않게 정리해, 상세페이지를 읽는 동안 바로 구매로 이어지도록 만듭니다.

[화면 개요 및 목적]

상품 설명, 구매 버튼, 핵심 포인트를 읽기 쉽게 묶는 상세페이지 구조입니다.

[핵심 기능 로직]

대표 이미지와 설명을 분리해 보여 주고, 구매 버튼은 항상 눈에 들어오게 둡니다.

  • 상세 설명과 구매 버튼을 분리
  • 상품 추가 시 반복 가능한 템플릿 구조
시나리오

운영자가 배너와 상세페이지를 직접 수정하는 흐름

비개발자가 매일 할 수 있는 수정 업무를 간단한 화면으로 묶어 인수인계 가능하게 만듭니다.

관리자 진입

수정이 필요한 영역으로 바로 들어갑니다.

배너 교체

메인 배너 이미지를 바꾸고 바로 미리봅니다.

상세 수정

상품 설명과 이미지 순서를 직접 조정합니다.

미리보기

모바일과 데스크톱 노출을 함께 점검합니다.

반영 완료

수정 결과를 저장하고 운영에 넘깁니다.

| 화면 01

[화면 개요 및 목적]

[핵심 기능 로직]

    | 화면 02

    [화면 개요 및 목적]

    [핵심 기능 로직]

      | 화면 03

      [화면 개요 및 목적]

      [핵심 기능 로직]

        시나리오

        상품 데이터 이관과 검수 흐름

        카페24 자산을 카페24으로 옮긴 뒤 오류를 확인하고 바로 운영 가능한 상태로 마무리합니다.

        시트 정리

        상품 이미지와 본문 데이터를 먼저 맞춥니다.

        검수

        누락, 중복, 형식 오류를 한 번에 확인합니다.

        수정

        문제가 있는 항목만 골라 다시 반영합니다.

        반영

        정리된 데이터가 운영 사이트에 올라갑니다.

        인수인계

        운영자가 직접 확인하고 이어 받을 수 있게 마무리합니다.

        | 화면 01

        [화면 개요 및 목적]

        [핵심 기능 로직]

          | 화면 02

          [화면 개요 및 목적]

          [핵심 기능 로직]

            | 화면 03

            [화면 개요 및 목적]

            [핵심 기능 로직]