UIとSNSモックアップ

EC ランディングページ

D2C 商品を、ピクセル単位で整ったデスクトップ LP のヒーローモックアップに。ナビ付きヘッダー、モデルと商品写真の 3 カラムヒーロー、特長バッジ、実績の信頼バーを備えた王道のレスポンス広告型 LP スタイルです。

更新日: 2026/08/23

プロンプト全文

英語のプロンプトに入力例を添えています。生成前に被写体や詳細を調整してください。元の作例の入力内容と生成設定は完全には確認できていません。

推奨モデル: GPT Image 2

Design a pixel-clean desktop landing-page hero for the direct-to-consumer product described in the user request, styled like a polished Japanese direct-response page. Lay out a full-width header with an invented brand logotype, four or five short navigation links, and a rounded call-to-action button. Build a three-column hero: on the left, a benefit-led headline, supporting subheadline, three pill-shaped feature badges, checkmarked benefits, and two CTA buttons; in the center, a model interacting naturally with the product under flattering studio light; on the right, a crisp product shot with a circular claim badge and small floating cards showing satisfaction and sales figures. Anchor the page with a trust bar of three icon-plus-number statistics and fine-print footnotes. Keep a tight palette suited to the product — dark and sleek or bright and airy — with consistent rounded corners, soft shadows, and disciplined spacing. Render all interface text sharply in the language of the user request, with no garbled glyphs. Every brand, statistic, and testimonial must be fictional; no real logos or watermarks. User request: a men's all-in-one skincare lotion, dark navy theme, Japanese copy

一次制作のサンプル

EC ランディングページ — 作例のモデル: Seedream 5.0 Lite

出典とクレジット

OmniArt が構成を調整し、書き直しました。出典、変更内容、利用条件は以下をご確認ください。

界面交互设计图 · @ryuya__31
freestylefly/awesome-gpt-image-2
Repository code is MIT; its disclaimer says community content belongs to original authors/platforms and commercial reuse is not guaranteed.
Rewritten and consolidated into an OmniArt recipe archetype; template tokens removed; named people, brands, platforms, games, and film IP generalized; no raw prompt text or source image copied.
应用界面样机图 · @ryuya__31
freestylefly/awesome-gpt-image-2
Repository code is MIT; its disclaimer says community content belongs to original authors/platforms and commercial reuse is not guaranteed.
Rewritten and consolidated into an OmniArt recipe archetype; template tokens removed; named people, brands, platforms, games, and film IP generalized; no raw prompt text or source image copied.
品牌视觉识别图 · @ryuya__31
freestylefly/awesome-gpt-image-2
Repository code is MIT; its disclaimer says community content belongs to original authors/platforms and commercial reuse is not guaranteed.
Rewritten and consolidated into an OmniArt recipe archetype; template tokens removed; named people, brands, platforms, games, and film IP generalized; no raw prompt text or source image copied.
界面交互设计图 · @ryuya__31
freestylefly/awesome-gpt-image-2
Repository code is MIT; its disclaimer says community content belongs to original authors/platforms and commercial reuse is not guaranteed.
Rewritten and consolidated into an OmniArt recipe archetype; template tokens removed; named people, brands, platforms, games, and film IP generalized; no raw prompt text or source image copied.

ひとつのテーマを統一スタイルのアイコンファミリーにして清潔なシートに整列。各タイルの下に名前を記載し、UIアセットボードとしてそのまま使えます。

プロンプト全文