백오피스 기획

프론트와 백엔드의 정보 구조 정리

정보 구조를 정리할 때 프론트(Front)와 백엔드(Back Office)를 함께 고려하는 것이 중요하다.

• 예를 들어, 프론트 페이지만 보고 "이제 백엔드를 만들어보세요."라고 하면, 구체적인 흐름이 잘 보이지 않을 수도 있다.

- 그러나 백엔드에서도 결국 동일한 정보 그룹(메인, 프로덕트, 검색, 유틸리티, 컴퍼니)을 적용할 수 있기 때문에 이를 기준으로 정리하면 보다 쉽게 구조를 파악할 수 있다.

 

백오피스도 메인 그룹에 속하지만, 기능적으로 프론트엔드와 차이가 있다.

>> 예를 들어, 프론트에는 로그인하지 않고도 볼 수 있는 페이지가 있지만, 백오피스는 인증 없이 접근할 수 있는 페이지가 없다.

=> 따라서, 백오피스에서는 로그인 페이지가 필수적으로 필요.

 

1. 백오피스 메인 화면

로그인 후에 가장 먼저 대시보드(Dashboard) 가 표시된다.

>>즉, 백오피스의 메인 화면은 로그인 페이지와 대시보드, 두 가지뿐이다**.**

 

- 이 과정에서 인트로 페이지나 코치 마크(안내 요소) 가 추가될 수도 있지만, 일반적으로 로그인 후 바로 대시보드로 연결된다.

 

2. 백오피스 주요 기능

백오피스에서 가장 중요한 기능은 다음과 같다.

 

1) 전시 관리

- 팝업 관리

- 배너 관리

- 메인 콘텐츠 관리

 

2) 상품 관리

- 상품 카테고리 관리

- 상품 등록 및 수정

 

3) 회원 관리

- 회원 목록 및 등급 관리

- 회원 상세 정보 (주문 이력, 쿠폰 사용 내역 등)

 

4) 주문 관리

- 주문 목록 및 주문 상세 페이지

- 주문 취소 및 환불 관리

 

5) 프로모션 관리

- 이벤트 및 기획전 관리

- 쿠폰 및 마일리지 관리

 

6) 게시물 관리

- 후기 관리

- 1:1 문의 관리

- 공지사항 관리

 

7) 통계 관리

- 월/일 매출 통계

- 사용자 방문 및 구매 패턴 분석

=> 백오피스의 구조는 카페24, 보덕몰 등 대부분의 이커머스 백오피스 시스템과 유사하다.

 

3. 상세 기능 설명

1) 전시 관리

메인 콘텐츠 관리

: 메인 페이지 특정 영역에 '오늘의 픽' 같은 추천 콘텐츠를 노출하는 기능.

- 이를 위해 상품 선택 팝업을 호출하여, 상품을 선택하고 등록하는 과정이 필요.

 

배너 관리

: 메인 상단 배너, 메인 하단 배너 등 지정된 위치에 배너를 등록하고 관리하는 기능.

- 배너 목록 페이지

- 배너 등록 및 수정 페이지

 

팝업 관리

: 특정 페이지에서 로그인 팝업, 프로모션 팝업 등 특정 이벤트를 띄우는 기능이다.

- 팝업 역시 목록, 등록, 수정 기능을 포함하여 관리된다.

 

2) 상품 관리

상품 카테고리 관리:

- 카테고리를 생성하고, 하위 카테고리를 추가할 수 있다.

>> 예를 들어, '해외여행' 카테고리 아래에 '유럽', '아시아' 등의 하위 카테고리를 생성할 수 있다.

 

상품 등록 관리:

- 일반 등록, 엑셀 등록 등 다양한 방식으로 상품을 등록할 수 있다.

 

3) 회원 관리

회원 목록 및 상세 정보 관리

- 회원 목록에서 특정 회원을 선택하면 상세 페이지로 이동한다.

- 회원 상세 페이지에서는 주문 이력, 취소 및 환불 이력, 쿠폰 사용 내역, 게시물 등록 내역 등을 확인할 수 있다.

- 회원 등급 변경 기능이 포함된다.

 

회원 등급 관리

- 회원 등급 목록 페이지

- 신규 등급 등록 및 수정 기능

 

4) 주문 관리

주문 목록 및 주문 상세 페이지

- 주문 내역을 확인하고, 특정 주문을 선택하면 상세 페이지로 이동한다.

- 주문 상세 페이지에서는 해당 회원 정보를 팝업으로 확인할 수 있다.

 

5) 프로모션 관리

쿠폰 관리

: 쿠폰 목록, 쿠폰 등록 및 수정 기능

- 특정 상품이나 회원 등급에만 쿠폰을 적용할 수 있도록,

- 상품 목록 호출 팝업 / 회원 목록 호출 팝업 / 카테고리 목록 호출 팝업 등의 기능이 포함.

 

이벤트 및 기획전 관리

: 기획전은 특정 상품을 묶어서 혜택을 제공하는 기능.

  이벤트는 할인, 사은품 증정, 특정 조건 충족 시 혜택 제공 등의 기능을 포함한다.

 

> 예를 들어, "유럽 여행 2인 이상 예약 시 캐리어 증정"과 같은 이벤트를 설정할 수 있다.

>> 사은품 관리를 별도로 할 수도 있으며,

와이파이 공유기 제공 / 여행용 캐리어 제공 /일정 할인 금액 적용 등 다양한 형태로 관리된다.

 

6) 게시물 관리

: 공지사항, FAQ, 1:1 문의, 후기 등을 관리하는 기능

- CRUD (Create, Read, Update, Delete) 기능을 포함하여 운영

 

7) 통계 관리

상품 통계

- 인기 상품, 많이 팔린 상품, 지역별 인기 상품 분석

 

회원 통계

- 방문자 통계, 연령대별 구매 패턴, VIP 고객 분석

 

4. 기타 기능

1) 관리자 계정 및 크리에이터 관리

서브 관리자 계정

- 회원 중에서 특정 사용자를 서브 관리자로 지정할 수 있다.

- 서브 관리자 목록 및 상세 페이지에서 권한을 설정할 수 있다.

• 예를 들어, "A 담당자는 상품 관리만 가능, B 담당자는 회원 관리만 가능"과 같은 설정이 가능하다.

 

크리에이터 관리

- 회원 중에서 크리에이터로 활동하는 사용자를 지정할 수 있다.

- 크리에이터 목록 및 상세 페이지에서 활동 내역을 확인할 수 있다.

 

2) 백오피스 검색 기능

: 백오피스에서 검색할 때, 프론트와 다르게 메뉴나 특정 페이지를 찾는 용도로 활용된다.

• 예를 들어, 특정 메뉴 찾기 / 특정 페이지 찾기 / 특정 회원 검색 등이런 기능이 포함된다.

---

백오피스의 관리 기능 및 프론트와의 연계성

백오피스 검색 기능

백오피스에는 검색 기능이 포함되어 있다.

• 예를 들어, 주문 관리를 찾으면 관련된 여러 가지 메뉴가 검색 결과로 표시된다.
• 이를 통해 관리자는 메뉴 검색을 통해 원하는 기능으로 빠르게 이동할 수 있다.

고객센터 기능도 마찬가지.

- 고객센터 관리 페이지를 확인하면, 회원 유형이 변경되는 방식을 볼 수 있다.

- 즉, 회원으로 먼저 가입된 후, 특정 조건에 따라 관리자 또는 크리에이터로 변경될 수 있다.

 

회원 상세 페이지에서는 다음과 같은 정보를 확인할 수 있다.

✅ 주문 내역

✅ 예치금 정보

✅ 쿠폰 사용 이력

 

이러한 정보들은 보통 하단 탭 형태로 제공되며, 관리자가 원하는 정보를 빠르게 확인할 수 있도록 구성된다.

 

프로모션 관리 (쿠폰 및 할인 코드)

쿠폰을 생성할 때, 상품을 선택하는 방식은 다음과 같이 진행된다.

1) 상품 선택 버튼 클릭 → 상품 선택 팝업 표시

2) 카테고리 선택 버튼 클릭 → 카테고리 선택 팝업 표시

3) 회원 선택 버튼 클릭 → 특정 회원 대상 쿠폰 발급 가능

 

쿠폰 발급 조건 설정도 가능하다.

- 첫 주문 시 자동 발급

- 특정 회원 등급 대상 발급

- 특정 상품 구매 시 발급

 

PC와 모바일 환경을 구분하여 쿠폰을 제공하는 방식도 적용된다.

 

일반적으로 모바일 이용자를 유도하기 위해 모바일 전용 쿠폰을 발급하는 경우가 많다.

 

페이지로 구분되는지 여부

- 쿠폰 생성 과정에서 다양한 조건이 추가되지만,

- 이는 하나의 페이지에서 다양한 옵션을 설정하는 방식이므로 별도의 페이지로 구분되지 않는다.

=> 즉, 조건에 따라 표시되는 영역이 다를 뿐, 하나의 페이지에서 처리.

 

할인 코드 vs. 쿠폰

할인 코드와 쿠폰은 유사하지만, 차이점 존재.

 

1) 할인 코드

비회원도 사용할 수 있음

- 주문서에서 할인 코드를 입력하면 혜택이 적용됨

- 새로운 고객을 유입하는 아웃바운드 마케팅 방식

 

2) 쿠폰

회원만 사용 가능

: 특정 조건을 충족한 회원에게 지급됨

- 기존 회원을 유지하기 위한 인바운드 마케팅 방식

- 즉, 할인 코드는 신규 고객을 유치하는 데 사용되며, 쿠폰은 기존 회원에게 혜택을 제공하기 위한 것.

 

쇼핑몰 관리 기능

- 쇼핑몰의 공통 설정 기능도 백오피스에서 관리된다.

- 대표적으로 다음과 같은 기능이 포함된다.

✅ 도메인 정보 관리

✅ 이용 약관 및 개인정보 처리방침 관리

✅ 결제 설정 (결제 방식, PG사 연동 등)

→ 초기 스타트업에서는 HTML로 고정된 정보를 사용하지만, 규모가 커지면 동적인 관리 방식이 필요하다.

 

⇒ 이를 위해 관리자 페이지에서 설정을 변경하면, 프론트에 동일한 정보가 자동 반영되는 구조로 설계된다.

 

관리자(백오피스)용 유틸리티 기능

백오피스에서는 일반 사용자보다 적은 유틸리티 기능을 사용한다.

 

주요 기능

- 개인정보 수정

- 자주 사용하는 메뉴 등록 (즐겨찾기 기능)

 

프론트엔드에서는 법적인 의무 사항으로 인해 기업명 / 사업자 정보 / 연락처 등을 반드시 표시해야 합니다.

하지만 백오피스는 내부 관리자만 접근하는 시스템이므로, 최소한의 정보만 제공된다.

보통 긴급 연락처 또는 운영 매뉴얼 정도만 포함한다.

 

---

정보 그룹의 공통 원칙

관리 시스템(백오피스)은 서비스가 다르더라도 공통적인 정보 구조를 유지해야 한다.

 

즉, 어떤 시스템이든 다음의 5가지 정보 그룹을 동일하게 적용할 수 있다.

1) 메인 (대시보드, 로그인 등 핵심 관리 화면)

2)프로덕트 (상품, 전시, 주문, 회원 관련 관리 기능)

3) 설치 (검색, 시스템 설정 등 관리자 설정 기능)

4) 유틸리티 (개인 정보 관리, 즐겨찾기 기능 등)

5) 컴퍼니 (회사 정보 및 내부 공지 관리 등)

 

이러한 정보 그룹을 기준으로 백오피스와 프론트 간의 연계성을 파악하는 것이 중요하다.

프론트에 표시되는 정보가 어디에서 관리되는지를 이해하면 기획자가 더 효율적으로 설계할 수 있다.

 

• 예를 들어, 프론트에서 보이는 카테고리나 상품 정보는 반드시 백오피스에서 관리된다.
• ⇒ 즉, 관리자 페이지가 존재하지 않으면, 프론트에서 동적으로 정보를 가져오는 것이 불가능하다.
• ⇒ 기획자는 HTML 페이지가 아닌 정보의 관리 체계를 먼저 떠올려야 한다.

 

정보 관리의 중요성

스타트업의 초기 단계에서는 모든 정보를 HTML로 고정해도 문제가 없다.

하지만 규모가 커지면 일관된 정보 관리를 위해 백오피스에서 통합 관리하는 것이 필수적.

 

대표적인 예가 이용 약관 페이지

• 초기에는 HTML 파일에 직접 작성하여 프론트에 표시한다.
• 하지만 서비스가 확장되면 백오피스에서 약관을 업데이트할 수 있도록 설계하는 것이 바람직.
• 이를 위해 게시물 관리 하위에 '약관 관리' 기능을 추가하여, 약관 변경 시 즉시 반영할 수 있도록.

이런 구조를 적용하면, 동일한 내용이 다양한 채널(PC, 모바일, 앱)에서도 자동으로 일관되게 노출될 것이다.