Oil UI

45 · デザイン事例

Webサイト・ランディングページのUIデザイン事例とプロンプト(Claude Code / Codex)

Claude Code、Codex、Oil UI Skillで制作した公式サイト、商品ランディングページ、ECサイトを紹介します。実際に動くページを開き、プロンプトと使用モデルを確認しながら、コンテンツ構成、ブランド表現、レスポンシブデザインを参考にできます。

このタイプを参考にするときのポイント

まずファーストビューで商品と主な操作が伝わるかを確認し、コンテンツの順序、価格や予約情報、スマートフォンでの読みやすさと操作性を見ます。事例を開くと、デスクトップとスマートフォンのビューポートを切り替えられます。

インストール・使用ガイド →