커피 상품 페이지 시안: 프롬프트 구조와 변경 항목

왼쪽 상품 갤러리와 오른쪽 구매 패널로 구성된 쇼핑몰 콘셉트를 살펴봅니다.

Design illustration · Artisan Coffee Product Page — API Models · CC BY 4.0

자세한 설명

이 프롬프트는 상품 페이지에 두 역할을 지정합니다. 왼쪽은 커피 포장을 보여 주고 오른쪽은 구매 결정을 정리합니다. 가상 브랜드·로스팅·가격·분쇄 옵션·수량·주황색 구매 버튼을 구체화하여 단순히 예쁜 쇼핑몰을 요청하는 것보다 배치 목표가 뚜렷합니다. 결과는 시각적 콘셉트이며 HTML·결제·재고 시스템은 포함하지 않습니다.

공개된 미리보기에서는 검은 봉투와 금색 인장이 갤러리의 중심입니다. 제목·평점·가격·분쇄 옵션·주황색 버튼이 구매 위계를 형성합니다. 평가 수와 포장 세부 사항에는 생성으로 추가된 내용도 있습니다. 실제 상품에 활용할 때는 거래 사실을 의도적으로 교체하고 진짜 쇼핑몰에서 텍스트와 기능을 다시 구현해야 합니다.

준비할 사항

  • 교체할 상품·포장·브랜드·가격·선택 옵션.
  • 정확한 글자가 필요한 부분과 배치 참고에 그치는 부분의 구분.

예상 결과

  • 원저자가 공개한 커피 상품 상세 페이지 이미지.
  • 쇼핑몰 기획을 위한 구도 참고이며 실행 가능한 인터페이스 코드는 아닙니다.

사용 순서

  1. 원문 전체를 복사하고 가상 상품과 브랜드를 일관되게 교체합니다.
  2. 색상·상품군을 바꿔도 갤러리와 구매 패널의 역할을 명시합니다.
  3. 문자·평가 주장·중복 썸네일·옵션 이름을 점검합니다.
  4. 선택한 요소를 검증된 상품 데이터와 실제 컴포넌트로 구현합니다.

제한 및 확인 사항

  • 평점·리뷰 수·가격은 예시이며 실제 판매 정보의 근거가 아닙니다.
  • 출처는 GPT Image 2로 표기하지만 백엔드·시드·전체 요청이 독립적으로 검증되지는 않았습니다.
  • 그려진 버튼에는 장바구니·결제·재고·접근성 동작이 없습니다.

자주 묻는 질문

미리보기를 바로 쇼핑몰로 사용할 수 있나요?

래스터 이미지 형태의 디자인 참고입니다. 실제 구매를 제공하려면 조작 요소·상품 데이터·결제를 구현해야 합니다.

다른 상품으로 바꿀 때 무엇을 함께 고치나요?

포장·브랜드·제목·가격·옵션·보조 정보를 한 묶음으로 일관되게 바꿉니다. 기존 배치가 새 상품에 맞을 때만 유지합니다.

원본 문서

GPT Image 2 · en

An e-commerce product page mockup for a specialty coffee brand 'Emberhouse Roasters'. Left side shows a large product photo of a matte-black coffee bag with a gold seal, plus small thumbnail images below. Right side has the product title 'Sunrise Blend · Medium Roast', a star rating, price '$18.00', a grind-size selector, a quantity stepper, and a warm-orange 'Add to cart' button. Below, tasting-notes chips and a shipping accordion. Warm cream background, elegant serif headings, minimal clean layout, 3:2.