01 / Context
무엇을 해결할 것인가.
작은 콘텐츠 변경까지 제작자에게 요청하면 운영이 늦어집니다. 담당자가 직접 수정하되 사이트별 권한과 공개 전 검토, 실수에 대비한 복구가 필요합니다.
제작한 홈페이지를 고객이 로그인하여 글·사진·페이지를 수정하고 검토·게시·복구하도록 하는 사이트 운영 도구.
02 / Direction
프로젝트를 바라본 방향.
각 고객의 업무에 필요한 편집 항목을 제공하고 초안과 공개본을 구분했습니다. 기존 브랜드 화면을 유지하면서 승인된 변경만 게시하도록 설계했습니다.
사이트마다 다른 편집
같은 모양의 홈페이지를 강요하지 않습니다. 각 브랜드의 콘텐츠 구조와 게시 방식을 전용 어댑터로 연결합니다.
저장과 공개 사이의 검토
승인할 때 게시할 리소스 버전을 고정합니다. 승인 이후에 바뀐 초안이 검토 없이 공개본에 섞이지 않도록 구성했습니다.
되돌릴 수 있는 운영
수정 충돌을 확인하고 원본 사진과 이전 버전을 보존합니다. 편집 중에도 기존 공개 홈페이지는 유지됩니다.
03 / Experience
사용자의 다음 행동을 설계하다.
사이트별 로그인 권한과 편집 항목을 구성했습니다. 초안 자동 저장, 수정 충돌 확인, 승인한 버전의 게시와 이전 버전 복구를 하나의 운영 흐름으로 연결했습니다.
- 01로그인·사이트 선택↓
- 02콘텐츠 편집↓
- 03검토·승인↓
- 04게시본 전환↓
- 05이력 확인·복구↓
04 / Making
경험을 실제 시스템으로.
React·Puck 편집 화면과 Node.js·PostgreSQL 기반 콘텐츠 관리를 구성했습니다. 기존 브랜드 화면을 유지하면서 사이트별 관리 항목과 게시 방식을 연결했습니다.
05 / In detail
구현의 디테일.
전체 기능 보기 +
- 아이디 로그인 및 사이트별 Owner/Manager/Editor 권한
- 별도 SuperOwner 포털과 MFA
- React/Puck 비주얼 편집·반응형 미리보기·Undo/Redo
- 페이지·게시물·포트폴리오·메뉴·분류·사진 콘텐츠 모델
- 원본 보존 및 WebP/AVIF/썸네일 자동 생성
- 버전 조건 자동초안·충돌 감지
- 검토/승인 묶음·정적 게시·게시본 원자적 전환
- 버전·휴지통·복구·내부 백업
- Griffin/Paradise/Window 전용 어댑터와 글쓰기
06 / Intelligence & automation
인터랙션과 자동화.
승인된 콘텐츠와 사진을 검증하고 공개 게시본을 생성하는 흐름을 자동화했습니다. 텍스트 수정안 보조 기능은 내부 검토 단계이며, 현재 고객 제공 범위에는 포함하지 않습니다.
07 / Outcome
그래서, 가능해진 일.
Griffin Motors, Paradise Line, 윈도우맑음의 콘텐츠 편집과 게시를 연결했습니다. 가격 편집은 윈도우맑음에 제공하며 범용 상품 관리는 향후 확장 범위입니다.
프로젝트 직접 보기 ↗08 / Continuity
만든 이후의 시간까지.
사이트 운영자가 배정된 콘텐츠를 관리하고 권한에 따라 검토·게시합니다. 사진 원본, 초안, 게시 이력을 보존하고 이전 버전으로 복구할 수 있습니다. 공개 홈페이지는 별도의 정적 게시본으로 제공합니다.
PAPA Site Studio ↗