안녕하세요.
담당 매니저 김수민입니다.
기간제(상주) 프로젝트 희망 근무 시작일을
등록해 주시면, 파트너님의 일정에 맞는
적합한 프로젝트를 추천해 드려요.
플러스
[데모] 가방 부품 쇼룸
개발 · 디자인 · 기획
홈페이지ㆍ게시판, 퍼블리싱ㆍ반응형
프로젝트 배경
[문제점] 부품을 설명하는 이미지와 제품 목록이 분리되어 있으면 구매자가 본 부품을 다시 찾아야 합니다. 운영자도 이미지의 연결 대상과 제품 내용을 따로 관리하면 수정 결과를 확인하기 어렵습니다. [프로젝트 목표] 가방 이미지에서 제품 상세와 문의 초안으로 이어지는 흐름을 만들고, 운영자가 제품·연결·소개 내용을 편집하면서 같은 데이터의 결과를 확인하도록 설계했습니다. 이미지 공간과 편집 표의 비중을
프로젝트 성과
가상 제품 300건의 일관된 탐색
초기 상태의 가상 제품 300건을 같은 데이터로 관리합니다. 공개 292건과 숨김 8건을 구분해 탐색·편집 결과를 연결했습니다.
이미지와 제품을 잇는 연결 편집
가방의 부품 영역을 선택해 제품을 확인하고, 운영 화면에서 연결 제품과 상대 위치를 바꿀 수 있습니다.
변경 결과가 보이는 운영 흐름
제품·유형·소개 문구의 브라우저 내 편집을 지원합니다. 숨김 제품 연결과 이미지 변경 후 위치 재확인을 안내합니다.
핵심 기능
이미지에서 시작하는 제품 탐색
가방 위 부품 영역을 선택하면 연결 제품의 정보와 문의 초안을 확인합니다. 사진·규격은 예시이며 실제 발송은 하지 않습니다.
진행 단계
요구 분석과 화면 설계
2026.09.
2026.09 · 부품 탐색, 제품 관리, 연결 편집의 흐름을 정리하고 가상 데이터와 서버 연동의 경계를 구분했습니다.
프로젝트 상세
본 프로젝트는 역량 증명을 위해 자체 기획·개발한 데모입니다. 클라이언트 수주·납품 실적이 아닙니다. [배경] 가방에서 눈에 들어온 부품을 제품 정보와 연결하고, 운영자가 그 연결과 내용을 직접 바꾸는 쇼룸을 구현했습니다. 구매자에게는 찾기 쉬운 탐색 흐름을, 운영자에게는 변경 결과가 보이는 편집 흐름을 제공합니다. [진행 과정] 부품 탐색과 운영 편집의 흐름을 설계한 뒤, 공통 데이터 엔진으로

비슷한 프로젝트를 준비 중이라면?
위시켓 매니저와 상담하세요.

참여 개발사와 미팅 연결

프로젝트 1:1 컨설팅 제공

무료로 프로젝트 등록하기

작업한 파트너 프로필 보기

su******
개발 · 개인사업자

프로젝트 정보

참여 기간
2026.09. ~ 2026.09.
참여율
참여율이 100%인 프로젝트는 해당 파트너님이 온전히 작업한 결과물입니다.
외부 공동 작업의 경우 기여도에 따라 참여율이 달라지며 역할, 프로젝트 설명을 통해 업무 분야 및 참여 범위를 확인할 수 있습니다.
100%
관련 기술
JavaScript
CSS
HTML
Node.js