안녕하세요.
담당 매니저 김수민입니다.
기간제(상주) 프로젝트 희망 근무 시작일을
등록해 주시면, 파트너님의 일정에 맞는
적합한 프로젝트를 추천해 드려요.
플러스
AI활용 패키지디자인 플랫폼(커머스) 서비스 구축
개발 · 디자인 · 기획
SaaSㆍ솔루션, Gen AI 서비스, 자사몰 구축
프로젝트 배경
1)문제점
- 기존 일러스트(ai)파일을 송.수신하고 웹하드에서 아카이빙 되어 정보 검색 및 관리가 어려움
- 상품에 맞는 도면, 템플릿, 디자인 소스 제공과 목업 제공을 통해 실제로 제작될 제품을 예측하며 작업하는 과정을 고려
또한, 디자인한 제품을 제작까지 가능하도록 구매과정(장바구니, 결제 등)을 구축
- AI 기반 이미지 생성, 디자인에디터, 실시간 3D 목업 반영 등 여러 기능이 한 화면 안에서 유기적으로 작동해야 하는 구조
잘 사용하지 않는 WebGL 기술과 각 기능간의 데이터 연동 로직 정의가 어려움
-웹에디터에서 제작된 디자인을 인쇄용 벡터파일(SVG, PDF)로 export가 가능해야하며, 주문건과 디자인 데이터를 연동 필요
관리자 페이지에서 상품 목업, 도면 관리와 인쇄소와 디자인 데이터를 공동 관리하는 기능 개발 필요

2)프로젝트 목표
- 민트프라임은 단순한 패키지디자인 서비스를 만드는 것이 아닌, F&B에 특화된 디자인이 가능하고, 초보자도 손쉽게 사용을 할 수 있으며 제작까지 One-Stop으로 가능한 서비스를 구현하는 것이었습니다.
즉, 사용자가 아이디어를 가지고 손쉽게 패키지디자인하며, 이를 실물 제작으로 연결할 수 있는 쉽고 간편한 디자인 솔루션을 구축하고자 하였습니다.

3)주안점
- 멀티모달 AI와 WebGL, 인쇄용 PDF(Vector 형식)출력 등 높은 수준의 개발을 진행한 프로젝트
프로젝트 성과
처리 고객 건수(주문수)
주당 30-40건 규모의 B2C 커스텀 주문수가 60건 이상 약 100% 이상 증가
제작 과정 소요기간 감소
기존 1개 제품 제작당 발주까지 최소 7일의 소요시간이 걸림. 도입 이후, 3-4일 이내로 50% 시간 감소
핵심 기능
WebGL을 활용한 웹에디터 및 실시간 3D 목업 기능
도면 데이터와 3D목업의 실시간 연동 기능 구현이 핵심
도면에 맞는 템플릿과 디자인 소스를 사용할 수 있는 기능
레이어 관리, 배경제거, 내디자인, AI 기능 등 다양한 에디터 기능을 한 화면에 구현
AI를 활용한 디자인 요소 생성 기능
한글 프롬포트 입력 - 영어 프롬포트로 자동 최적화 - 멀티모달 모델을 활용하여 이미지 생성
로고 생성 기능, 디자인 추천 기능, 부분 Remix 기능, 이미지 유사도 검사 기능 개발
간편 가입.결제를 통한 구매 UX 최적화, 알림톡 연동
네이버, 카카오톡 간편가입을 구현하고 토스페이먼츠를 통해 간편 결제까지 개발
또한, 구매 및 배송 시점에 따른 카카오 알림톡 연동

가입부터 제작, 결제, 배송 그리고 재구매까지 최적의 UX 프로세스를 개발
관리자 모드 및 CMS, 발주관리, 인쇄 협업 기능
운영자가 회원 및 상품 정보, 발주 관리 등 데이터를 한 눈에 파악할 수 있는 통합 관리 화면을 통해 서비스를 효율적으로 운영할 수 있음

또한, 발주건을 협력사와 공유, 출력용 PDF를 다운 받을 수 있도록 개발
진행 단계
기획
2025.01.
1. 서비스 니즈 및 필요 세부기능 설계
2. IA (인포메이션 아키텍쳐) 설계 및 UX 프로세스 검토
3. 최종 기능 확정
디자인
2025.02.
1. 와이어프레임 제작
2. 디자인 스타일 레퍼런스 탐색 및 확정
3. 디자인 시스템 제작
4. 최종 UI 디자인 확정
개발
2025.02.
1. 프론트엔드, 백엔드 각각 기능 개발 검토
2. 세부 기능에 대한 개발 프레임워크에 맞춰 기능 구현 진행
3. 2주차 스프린트 형태로 개발 일정 공유
QA 및 배포
2025.06.
1. AWS 서버를 통해 서비스 배포
2. QA 클로즈베타, 오픈베타 형식으로 진행
3. 최종 QA 이슈 개선 개발 진행
4. 서비스 개발 완료
프로젝트 상세
1) 포트폴리오 소개 : GEN AI와 WebGL을 활용한 디자인에디터 기능을 가진 웹서비스 구축

2) 작업 범위
- 화면 설계, UI/UX 디자인, 서버 구축, Front-end 개발, 관리자 페이지 개발 등 일체 턴키 방식
- 반응형 웹.모바일 환경 일체

3) 주요 업무 : 해당 서비스의 주요 기능 및 주요 페이지
- 웹디자인에디터 기능 및 생성AI 도입 개발
- 간편 가입 및 결제 연동
- 관리자 CMS 및 발주 관리 개발
- 알림톡 연동 작업
- 인쇄용 PDF(출력용) Export 개발

4) 주안점 : 서비스 구축 시 중점이 되었던 사항
- 개인 정보에 대한 보안
- 최적의 UX 설계 및 초보자도 활용 가능한 디자인 에디터 개발
- 생성AI 멀티모달 모델 적용



<위시켓 이용 약관에 의해 수정된 내용입니다.>

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

참여 개발사와 미팅 연결

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

무료로 프로젝트 등록하기

작업한 파트너 프로필 보기

fi******
개발 · 법인사업자

프로젝트 정보

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