본문으로 건너뛰기
All work(Case 02)

— AI 상세페이지 제작 스튜디오

뷰켓 스튜디오.

상품 사진과 정보를 올리면 AI가 상세페이지 구성과 문구를 기획하고, 판매자가 편집기에서 다듬어 이미지로 내보내는 상세페이지 제작 공간입니다. 상품 정보 → 기획 검토 → 디자인 편집 → 출력까지 한 곳에서 끝납니다.

디자이너 없이 상세페이지를 기획부터 출력까지 직접 제작

Client
리온주식회사
Field
AI 상세페이지 제작
Period
2026
Role
기획 · 디자인 · 개발 · 운영
사이트 방문하기
www.vueket.com/studio
뷰켓 스튜디오 메인 화면
(01)Story

이런 고민을이렇게 해결했습니다.

01의뢰 배경Problem

오픈마켓에 상품을 올릴 때마다 상세페이지를 새로 만들어야 했습니다. 디자이너에게 맡기면 시간과 비용이 들고, 직접 만들자니 구성부터 문구·사진 배치까지 막막했습니다.

02해결 방법Approach

사진을 올리면 AI가 사진 속 내용을 정리하고, 섹션별 문구와 사진 구성을 기획합니다. 판매자는 확인한 사실만 반영해 편집기에서 글·사진·도형을 자유롭게 고치고, 원산지·후기처럼 증빙이 필요한 곳에는 직접 올린 사진만 쓰도록 했습니다.

03결과Outcome

디자인 도구를 몰라도 상세페이지를 직접 만들고 고칠 수 있습니다. 완성한 페이지는 이미지로 내려받거나 뷰켓 상품 등록에 바로 연결되고, AI 이미지는 만든 만큼만 크레딧이 차감됩니다.

(02)Highlights
  1. 01사진만 올리면 AI가 구성과 문구를 기획
  2. 02글·사진·도형을 자유롭게 고치는 상세페이지 편집기
  3. 03증빙 섹션은 직접 올린 사진만 쓰도록 구분
  4. 04JPG·PNG·WEBP, 섹션별 묶음 또는 통이미지로 출력
  5. 05기획·문구는 무료, AI 이미지는 만든 만큼만 차감
(03)Who it serves
  • 상세페이지를 직접 만들어야 하는 오픈마켓 셀러
  • 디자이너 없이 상품을 자주 등록하는 소규모 판매자
  • 농산물·생활용품처럼 상품 수가 많은 판매사업자
(04)Built with

참고용 정보입니다. 빠르고 안전하게 만들기 위해 선택한 기술들입니다.

Frontend
Next.js (App Router) · React · TypeScript · Tailwind CSS · Canvas 렌더러
Backend
Supabase (PostgreSQL · Storage) · Gemini · OpenAI 이미지 모델
Infra
Vercel (Cron 작업 큐)
(05)Inside

화면으로 보는주요 기능

(06)Next step

우리 회사도이렇게 만들 수있을까요?

네, 가능합니다. 고민만 들려주시면 알기 쉽게 안내해 드립니다. 견적은 무료입니다.