백오피스 상품 옵션 관리 화면 설계1. 상품 옵션 관리의 개념부터 정리- 상품 옵션은 상품을 더 잘게 쪼개는 수단이다.상품이 하나라도,판매 단위는 여러 개가 될 수 있다.1.1 대표적인 옵션 사례패션티셔츠→ 색상(화이트/블랙)→ 사이즈(S/M/L)식음료햄버거 세트→ 단품 / 세트→ 감자 변경 / 음료 변경서비스숙박→ 룸 타입→ 조식 포함 여부이때 중요한 질문이 생긴다.“이건 상품이 여러 개인 건가요?”→ 아니다. 상품은 하나고, 옵션이 여러 개다. 2. 상품 옵션 관리의 기본 원칙2.1 기본값은 “옵션 없음”모든 상품의 기본 상태는 다음이다.상품 1개옵션 없음단일 가격 / 단일 재고옵션은 필요할 때만 추가한다. 2.2 옵션은 상품 상세에서 만드는 것이 아니다실무에서 많이 실수하는 지점이 있다.❌ 상품 상..
백오피스 주문 관리 화면 설계 정리1. 주문 관리의 본질주문 관리는 단순히“주문 목록을 보여주는 화면”이 아니다.백오피스에서 주문 관리는 다음 역할을 동시에 수행한다.결제 상태 관리배송 상태 관리CS(취소·교환·반품) 처리고객 정보 확인상품 정보 확인외부 시스템(TMS 등) 연동 허브즉, 주문 관리는 여러 메뉴를 연결하는 ‘중앙 관제판’에 가깝다. 2. 주문 관리가 복잡해지는 첫 번째 이유: 상태값(State)주문 관리에서 가장 중요한 개념은 상태값 관리다.주문은 단일 상태가 아니라시간 흐름에 따라 상태가 계속 변한다.2.1 대표적인 주문 상태 흐름일반적인 상품 주문 기준 예시는 다음과 같다.입금 전결제 완료배송 준비 중배송 중배송 완료취소교환반품관리자는 이 상태값을 기준으로무엇을 지금 처리해야 하는지를..
백오피스 회원 관리(고객 관리) 화면 설계 정리1. 회원 관리의 성격 이해백오피스에서 회원 관리는 단순한 “조회용 데이터”가 아니다.회원 관리 영역은 다음 목적을 동시에 가진다.고객 식별고객 행동 이력 파악고객 등급/상태 관리운영 대응(메모, 특이사항)향후 CRM 확장 기반그래서 다른 메뉴(전시, 상품) 대비정보량이 많고 구조가 복합적일 수밖에 없다. 2. 회원 조회(목록) 페이지 설계2.1 조회 조건이 많은 이유회원 조회 페이지는백오피스 전체 메뉴 중 조회 조건이 가장 많은 편이다.일반적으로 포함되는 조회 조건 예시는 다음과 같다. 회원 관리 영역이 커지게 되면 CRM이라고 하는 전문 소프트웨어를 도입해서 관리를 하게 되는데 이것을 염두에 두고 지금 이름을 지어놓은 거죠.현재는 이 어드민이 들어와 있지..
카페24 사례1. 카페24 상품 관리 화면의 기본 구조카페24 상품 관리 화면은 전형적인 관리자 UX의 정석에 가깝다.앞서 살펴본 일반적인 상품 관리 설계와 거의 동일한 구조를 가진다.구성은 다음과 같다.조회(검색) 영역 – 상단데이터 테이블 컨트롤 영역 – 중간데이터 테이블 영역 – 하단선택 시 상세/수정 페이지 진입이 구조는 대량 데이터 관리 + 빠른 처리에 최적화된 형태다. 2. 조회(검색) 영역 설계상품 관리 화면 상단에는 조회 영역이 위치한다.이 영역의 역할은 명확하다.관리자가 원하는 상품을 빠르게 찾기전체 데이터를 불필요하게 로딩하지 않기조회 영역에는 일반적으로 다음 요소들이 포함된다.카테고리상품명상태(진열/판매 여부)등록일/수정일 기간이 영역은 모든 관리자 화면의 출발점이다. 3. 데이터 테..
상품 관리 사례1. 상품 관리 화면의 전제백오피스 상품 관리 화면은관리자가 상품을 조회하고, 등록하고, 수정하기 위한 핵심 관리 영역이다.전시 영역이 “노출을 제어하는 영역”이라면,상품 관리는 “데이터의 원본을 관리하는 영역”에 해당한다.따라서 설계의 기준은 다음과 같다.빠른 조회안전한 수정실수 방지최소한의 페이지 수로 최대 효율 2. 상품 관리 화면의 기본 구조상품 관리 역시 백오피스의 표준 구조를 따른다.화면 목록플로우 차트컴포넌트 정의네비게이션 위치 표시목록 페이지상세/수정 페이지등록 페이지이 구조는 전시, 상품, 주문, 회원 관리 등대부분의 관리자 영역에 동일하게 적용된다. 3. 상품 관리 도메인 이해 (리조트 사례)이 샘플은 리조트 상품을 판매하는 관리자 페이지를 기준으로 설계된 사례다.상품 유..
전시 영역 화면설계 정리1. 전시 영역의 역할전시 영역은 사용자 화면에 무엇을, 언제, 어디에 노출할 것인지 결정하는 관리 영역이다.콘텐츠를 새로 만드는 영역이라기보다, 노출 여부와 배치 순서를 제어하는 영역에 가깝다.전시 영역의 핵심은 다음 세 가지다.노출 위치 관리노출 여부(활성/비활성) 관리노출 순서 관리 2. 전시 영역의 기본 구조전시 영역은 보통 다음과 같은 구조로 설계된다.전시 목록 페이지전시 상세(수정) 페이지전시 등록(추가) 페이지이 구조는 배너, 팝업, 메인 추천 영역 등 대부분의 전시 기능에 공통적으로 적용된다. 3. 배너 관리 화면 설계3.1 배너 위치 개념 정의메인 페이지 배너를 예로 들면, 보통 다음과 같이 구좌 개념으로 나뉜다.1번 구좌: 메인 상단2번 구좌: 메인 중단3번 구좌..
백오피스 화면설계서 구성 및 작성 방식- 로디 선생님의 백오피스 화면설계 원데이 클래스를 수강 후 정리한 자료입니다. 백오피스 화면설계서는 주로 PPT를 사용한다. 그냥 스크롤 해 볼 수도 있고 대부분 PC 버전을 활용하다 보니까 실측되고 있는그 규모와는 크게 상관없습니다.물론 그게 감이 되면 좋긴 한데 그것보다 더 중요한 게 설명을 얼마큼 정확하게 디테일이 적어주느냐 화면의 UI에 누락된 것이 있느냐 없느냐 이런 부분이다 보니까 PPT를 더 많이 선호하고 그 방식이 더 적합하다라고 할 수 있어요.1. 백오피스 화면설계서의 기본 구성백오피스 화면설계서는 일반적으로 다음 순서로 구성된다.표지개정 이력개정 이력에는 일반적인 것처럼 0.1을 시작으로 해서 버전 업 될 때마다 어떤 내용이 변경됐는지가 들어가 있..
에이전시 vs 인하우스 : 구축·운영 관점에서 보는 커리어 구조 정리1. 전제: “지원할 수 있는 회사”의 공통 조건구축과 운영을 하는 회사이 두 가지를 하지 않는 회사라면→ 기획자로 들어갈 일이 거의 없음즉,기획자 채용 = 서비스가 이미 있거나, 만들거나, 운영하는 조직 2. 구축·운영 조직의 두 가지 형태2-1. 에이전시(Agency)에이전시가 하는 일구축 + 운영을 모두 수행인하우스의:구축 외주를 받기도 하고운영 위탁을 받기도 함즉,고객 = 인하우스에이전시는 여러 기업의 서비스를 대신 만들어주고 운영해주는 역할구조적으로 보면기업 → 에이전시에게 “이거 만들어주세요”에이전시 → 플랫폼 구축 + 운영 대응 2-2. 인하우스(In-house)인하우스의 정의이미 구축된 서비스/플랫폼이 있음그 안에서 고객을..