플러스프로젝트 배경
1) 문제점 발주사는 욕실에 설치하는 제품 한 종류를 파는 자사몰을 새로 만들려 했고, 기획서도 사내 IT 인력도 없었습니다. 오픈 뒤 상품 업로드는 직접 하고 구조 변경만 외부 업체에 맡길 계획이었습니다. 공고에는 아직 정하지 못한 것이 두 가지 적혀 있었습니다. 할인 쿠폰을 넣을지, 그리고 상품이 하나뿐일 때 사이트를 어떻게 구성할지입니다. 말로 설명하면 판단하기 어려운 문제라, 직접 눌러 비교해 볼 수
프로젝트 성과
상품 수 스위치 하나로 구성 전환
1종↔2종을 누르면 상단 메뉴·메인 제품 블록·히어로 버튼·푸터 사이트맵 4곳이 그 자리에서 바뀌고, 바뀐 곳이 외곽선과 목록으로 표시됩니다.
쿠폰이 붙는 네 자리를 켜고 끄기
쿠폰을 켜면 메인 띠·상품 쿠폰가·주문서 쿠폰 행·합계 할인이 함께 생기고, 끄면 흔적 없이 사라집니다. 할인율·만료일은 예시값입니다.
운영자·업체 작업 범위 표시
「운영 범위 보기」를 켜면 블록마다 운영자가 직접 수정할 곳과 구조 변경이 필요한 곳이 다른 색 태그로 표시됩니다.
상품 등록 즉시 2종 구성
운영자 화면에서 상품을 하나 등록하면 메인·메뉴·푸터가 2종 구성으로 바뀝니다. 데모에서는 이 브라우저에만 저장됩니다.
구성을 링크 하나로 공유
상품 수·쿠폰·운영 범위 상태가 주소에 실려, 검토하는 분께 특정 구성을 링크 하나로 보낼 수 있습니다.
핵심 기능
구성안 비교 도구 — 1종↔2종
왼쪽 아래 도구에서 상품 수를 바꾸면 같은 페이지가 재구성됩니다. 2종이면 V1·V2 비교 카드와 차이점 표가 나오고, 다른 항목을 위로 올립니다.
진행 단계
공고 해석과 비교 도구 설계
2026.09.
공고에서 미정으로 남겨 둔 두 가지를 심사자가 직접 눌러 비교할 수 있게 구성하고, 화면과 가상 제품 데이터를 만들었습니다.
프로젝트 상세
1) 소개 욕실에 설치하는 제품 한 종류를 파는 자사몰에서, 상품이 1종일 때와 2종이 됐을 때, 쿠폰이 있을 때와 없을 때 사이트가 어떻게 달라지는지 직접 비교해 볼 수 있게 만든 제안용 데모입니다. 결과물 URL을 열고 왼쪽 아래 「구성안 비교」를 눌러 보시면 됩니다. 제품은 가상이며 영상과 사진은 자리만 잡아 두었습니다. 결제·채팅·상품 등록은 브라우저 안에서만 작동하는 모의 기능입니다. 특정 쇼핑몰
