
UI / UX 디자인
스킨케어 이커머스 상세페이지 목업
럭셔리 스킨케어 브랜드를 위한 데스크톱 및 모바일 이커머스 웹 목업을 생성합니다. 제품명, 소품, 색상 팔레트를 쉽게 수정할 수 있습니다.
이커머스ui-ux-디자인목업스킨케어웹디자인상세페이지미니멀
프롬프트
{
"type": "e-commerce skincare product page mockup",
"brand": {
"name": "GLOW.",
"style": "minimal luxury skincare branding"
},
"product": {
"name": "[Hyaluronic Acid Serum]",
"category": "serum",
"price": "[$36.00]",
"rating": {
"stars": 5,
"score": "4.8",
"reviews": "(1200 reviews)"
},
"badge": "BESTSELLER",
"description": "A lightweight, fast-absorbing serum that delivers intense hydration, visibly plumps, and helps smooth the look of fine lines.",
"size": "30ml / 1 fl oz",
"payment_note": "Pay in 4 interest-free payments of $9.00 with afterpay",
"benefits": [
"Deep Hydration",
"Plumps + Smooths",
"Fragrance Free"
],
"shipping_note": "Free shipping on orders over $50"
},
"visual": {
"primary_packshot": "clear glass dropper bottle with white cap and white label, black minimalist text, placed on a warm beige surface with a small beige stone sphere on the left and a large round marble disc on the right, soft studio shadows, clean premium skincare ad lighting",
"gallery_thumbnails": {
"count": 4,
"items": [
"front product bottle on beige set",
"serum texture droplets on beige background",
"open bottle with serum dropper above neck",
"soft lifestyle skin-toned close-up blur"
]
}
},
"layout": {
"background": "light gray studio backdrop",
"canvas": "wide desktop website mockup with a mobile version shown to the right",
"sections": [
{
"title": "desktop product page",
"position": "left",
"count": 12,
"labels": [
"top shipping bar",
"brand header with navigation",
"breadcrumb",
"thumbnail gallery",
"main product image",
"bestseller badge",
"product title",
"rating and reviews",
"price and payment note",
"size selector",
"quantity stepper",
"add to cart and buy it now buttons"
]
},
{
"title": "feature icons row",
"position": "bottom-left under main image",
"count": 3,
"labels": [
"Deep Hydration",
"Plumps + Smooths",
"Fragrance Free"
]
},
{
"title": "mobile product page preview",
"position": "right",
"count": 11,
"labels": [
"top shipping bar",
"mobile header with menu and cart",
"breadcrumb",
"main product image",
"carousel dots",
"bestseller badge",
"product title",
"rating and reviews",
"price and payment note",
"quantity stepper",
"add to cart and buy it now buttons"
]
}
],
"desktop_header": {
"announcement": "Free shipping on orders over $50",
"nav_items": [
"SHOP",
"BESTSELLERS",
"SKINCARE QUIZ",
"ABOUT",
"JOURNAL"
],
"icons": [
"search",
"account",
"cart with item count 2"
]
},
"breadcrumb": [
"Home",
"Shop",
"Serums",
"Hyaluronic Acid Serum"
],
"mobile_header": {
"announcement": "Free shipping on orders over $50",
"icons": [
"menu",
"cart with item count 2"
]
}
},
"style": {
"aesthetic": "clean modern Shopify-style product page",
"color_palette": [
"white",
"soft beige",
"light gray",
"black",
"warm stone"
],
"typography": "elegant serif product title paired with minimalist sans-serif UI text",
"render_quality": "ultra-clean, crisp, realistic, premium e-commerce design, high resolution"
}
}바꿔 쓸 수 있는 부분
생성하기 전에 프롬프트의 이 부분을 원하는 주제나 문구로 바꿔 보세요.
[Hyaluronic Acid Serum]자리 표시자[$36.00]자리 표시자
프롬프트 정보
- 카테고리
- UI / UX 디자인
- 모델
- GPT IMAGE 2
- 이미지당 비용
- 1K: 43 크레딧 · 2K: 86 크레딧 · 4K: 143 크레딧
- 화면 비율
- 16:9
- 추가일