프로젝트 배경
① 문제점
* 온라인 쇼핑몰 운영자와 MD이 상품 이미지 제작에 있어 외부 디자이너나 전문 툴에 의존함
* 이미지 수정 및 편집 작업에 많은 시간과 비용이 소요되어 반복 작업의 비효율 발생
* AI 기술을 활용한 편집 도구가 시중에 부족하거나 사용이 복잡해 비전문가는 접근이 어려움
② 프로젝트 목표
* 비전문가도 쉽게 활용 가능한 AI 기반 이미지 편집 도구 개발
* 상품 마케팅에 최적화된 이미지 생성 및 편집 기능을 하나의 플랫폼에서 제공
* 실시간 저장, 편집 상태 복구, 다국어 지원 등을 통해 전 세계 이커머스 판매자에게 확장 가능성 확보
③ 주안점
* 이미지 에디터에 다양한 AI 기능을 유기적으로 통합
* 직관적이고 쉬운 UX 제공을 통해 비디자이너도 쉽게 사용할 수 있도록 설계
* 편집 중 실시간 저장 기능을 통해 사용자 작업의 안정성과 지속성을 확보
* 상품 중심의 편집 흐름을 지원하고, 다국어 번역을 통해 글로벌 커머스 대응 가능하도록 구조 설계
* 온라인 쇼핑몰 운영자와 MD이 상품 이미지 제작에 있어 외부 디자이너나 전문 툴에 의존함
* 이미지 수정 및 편집 작업에 많은 시간과 비용이 소요되어 반복 작업의 비효율 발생
* AI 기술을 활용한 편집 도구가 시중에 부족하거나 사용이 복잡해 비전문가는 접근이 어려움
② 프로젝트 목표
* 비전문가도 쉽게 활용 가능한 AI 기반 이미지 편집 도구 개발
* 상품 마케팅에 최적화된 이미지 생성 및 편집 기능을 하나의 플랫폼에서 제공
* 실시간 저장, 편집 상태 복구, 다국어 지원 등을 통해 전 세계 이커머스 판매자에게 확장 가능성 확보
③ 주안점
* 이미지 에디터에 다양한 AI 기능을 유기적으로 통합
* 직관적이고 쉬운 UX 제공을 통해 비디자이너도 쉽게 사용할 수 있도록 설계
* 편집 중 실시간 저장 기능을 통해 사용자 작업의 안정성과 지속성을 확보
* 상품 중심의 편집 흐름을 지원하고, 다국어 번역을 통해 글로벌 커머스 대응 가능하도록 구조 설계
핵심 기능

상품 관리
사용자들이 다양한 플랫폼과 오픈 마켓에서 제품 정보를 생성, 편집, 정리하고 동기화할 수 있도록 하는 핵심 기능입니다.

구독 관리
쇼핑몰의 활성 요금제를 관리하고, 사용량 제한을 확인하며, 업그레이드 또는 취소하고, 제품 등록을 위한 남은 할당량을 추적합니다.
진행 단계
기획 및 요구사항 정의
2025.03.
크롬 익스텐션에 의해 수집된 데이터와 연동.
에디터에서 AI 기능 연동.
쇼피파이 연동에 의한 데이터 흐름 확인.
에디터에서 AI 기능 연동.
쇼피파이 연동에 의한 데이터 흐름 확인.
디자인 개발 동시 진행
2025.04.
화면 디자인 및 권한별 개발 시작.
에디터와 AI 연동을 분리 개발.
에디터와 AI 연동을 분리 개발.
런칭
2025.08.
쇼피파이 앱 승인 이후 런칭
프로젝트 상세
① 포트폴리오 소개
아이템박스는 온라인 쇼핑몰 판매자 및 마케터를 위한 AI 기반 상품 이미지 편집 플랫폼입니다. 드래그 앤 드롭 방식의 편집 도구에 AI 이미지 생성/편집 기능을 통합하여, 누구나 쉽게 고품질 마케팅 이미지를 제작할 수 있도록 돕는 웹 기반 서비스입니다.
② 작업 범위
* React + TypeScript 기반 프론트엔드 개발
* Polotno 기반 이미지 에디터 커스터마이징
* AI 기능(배경 제거, 모델 교체, 이미지 생성 등) 통합
* Zustand를 활용한 전역 상태 관리 및 실시간 저장 기능 구현
* Tailwind CSS로 반응형 UI 구성
* i18next를 활용한 다국어 지원 (한국어, 영어, 중국어, 일본어, 스페인어)
* 데스크탑 웹 브라우저 최적화 대응
③ 주요 업무
* AI 기반 이미지 편집 기능 8종 구현 (배경 제거, 이미지 생성, 의상 변경, 업스케일 등)
* 상품 이미지 관리 시스템 개발 (등록, 편집, 메타데이터 연동)
* 에디터에서 다중 페이지 구성 및 타임라인 기반 편집 기능 제공
* 포인트 차감 시스템 연동 (AI 기능 사용 시 포인트 사용)
* 실시간 저장 및 복구 기능 구현
* 글로벌 사용자 대응을 위한 전체 UI 다국어 적용
④ 주안점
* Polotno 에디터에 AI 기능을 자연스럽게 통합하고, 사용자 경험을 해치지 않는 UX 설계
* 디자이너가 아닌 일반 사용자도 손쉽게 사용할 수 있는 직관적인 UI 구성
* 편집 도중 작업이 손실되지 않도록 실시간 저장 및 복구 시스템 설계
* 초기 단계부터 글로벌 타깃을 고려한 다국어 구조 및 번역 시스템 적용
* 신규 기능 추가가 쉬운 모듈화 구조와 고성능 이미지 처리 대응
아이템박스는 온라인 쇼핑몰 판매자 및 마케터를 위한 AI 기반 상품 이미지 편집 플랫폼입니다. 드래그 앤 드롭 방식의 편집 도구에 AI 이미지 생성/편집 기능을 통합하여, 누구나 쉽게 고품질 마케팅 이미지를 제작할 수 있도록 돕는 웹 기반 서비스입니다.
② 작업 범위
* React + TypeScript 기반 프론트엔드 개발
* Polotno 기반 이미지 에디터 커스터마이징
* AI 기능(배경 제거, 모델 교체, 이미지 생성 등) 통합
* Zustand를 활용한 전역 상태 관리 및 실시간 저장 기능 구현
* Tailwind CSS로 반응형 UI 구성
* i18next를 활용한 다국어 지원 (한국어, 영어, 중국어, 일본어, 스페인어)
* 데스크탑 웹 브라우저 최적화 대응
③ 주요 업무
* AI 기반 이미지 편집 기능 8종 구현 (배경 제거, 이미지 생성, 의상 변경, 업스케일 등)
* 상품 이미지 관리 시스템 개발 (등록, 편집, 메타데이터 연동)
* 에디터에서 다중 페이지 구성 및 타임라인 기반 편집 기능 제공
* 포인트 차감 시스템 연동 (AI 기능 사용 시 포인트 사용)
* 실시간 저장 및 복구 기능 구현
* 글로벌 사용자 대응을 위한 전체 UI 다국어 적용
④ 주안점
* Polotno 에디터에 AI 기능을 자연스럽게 통합하고, 사용자 경험을 해치지 않는 UX 설계
* 디자이너가 아닌 일반 사용자도 손쉽게 사용할 수 있는 직관적인 UI 구성
* 편집 도중 작업이 손실되지 않도록 실시간 저장 및 복구 시스템 설계
* 초기 단계부터 글로벌 타깃을 고려한 다국어 구조 및 번역 시스템 적용
* 신규 기능 추가가 쉬운 모듈화 구조와 고성능 이미지 처리 대응

가입화면

상품 관리

결제관리