
デザイナーと開発者向けのポートフォリオサイトテンプレート
Hero だけでなく、トップ、作品、ケーススタディ、自己紹介、経歴、問い合わせまで揃った完全なポートフォリオを開いてみてください。エージェントがあなたのプロジェクトに差し替え、どこでもホスティングできるファイルを 1 つ作ります。
職種別ポートフォリオサイトの例
各カードからライブデモを開けます。選ぶ前に、ケーススタディページとスマートフォン表示を確認してください。

ケーススタディ、ナビゲーション、問い合わせページを比較
ポートフォリオはケーススタディで評価されるので、まずそこを比べましょう。プロジェクトの語り方(依頼内容、プロセス、成果)、訪問者がプロジェクト間をどう移動するか、どう連絡できるかがポイントです。

- 含まれるページ
- トップ、作品、ケーススタディ、自己紹介、経歴、問い合わせ
- ケーススタディ
- 依頼内容、調査結果、プロセス、成果、クライアントの声
- ナビゲーション
- Skill に応じて作品フィルター、検索、並べ替え
- 用意するもの
- 名前、専門分野、3〜6 件のプロジェクト、連絡先
- 納品形式
- オフラインで開ける自己完結型 HTML ファイル 1 つ
- 問い合わせフォーム
- バックエンドを接続するまではページ上でバリデーションのみ
ポートフォリオを生成してカスタマイズ
完全に動く作例から始めて、自分の作品に差し替えましょう。
1Skill をインストールする
上からポートフォリオを選び、そのインストールプロンプトをエージェントに貼り付けてください。
2プロジェクトを追加
プロフィールと、成果を確認できるケーススタディを 3〜6 件渡してください。
3確認して公開
デスクトップとスマートフォンですべてのケーススタディページを確認してから、ファイルをアップロードします。
AI にポートフォリオサイトを直接頼めばいいのでは?
直接頼んでも結果は得られます。Skill は、その結果を信頼でき、繰り返し再現できるものにする要素を加えます。

ポートフォリオサイトテンプレートの FAQ
これらの Skills ができないこと
- Figma のソースファイルは含まれません。
- 数百枚の画像を持つ写真家向けのギャラリーではありません。
- 問い合わせフォームは、バックエンドを接続するまでメールを送信しません。
ポートフォリオサイトには何を載せるべきですか?
最低限、トップページ、成果を示したケーススタディ 3〜6 件、自己紹介ページ、分かりやすい連絡手段が必要です。これらの Skill にはすべて含まれています。
AI ポートフォリオビルダーはありますか?
作り手はあなたの AI エージェントです。Skill がデザインと構成を、あなたがプロジェクトを渡し、エージェントが完成したサイトを書き上げます。
まずポートフォリオサイトの例を見られますか?
はい。各カードから、ケーススタディページやスマートフォン用レイアウトを含むサイト全体のライブデモを開けます。
アーティストにも向いていますか?
Collage Creative Portfolio はビジュアル作品やアート作品に向いています。大量の写真ギャラリーなら、ギャラリー中心のサイトの方が適しています。
コンテンツクリエイター向けのその他の用途
用途ごとに専用の Skills、実例、FAQ があります。
ランディングページローンチのための本格的なマーケティングページ
ワンページサイトひとつの HTML ファイルに収まった製品サイト全体
白黒ポートレート手持ちの写真からスタジオ風ポートレートを作成
雑誌サイト独立系雑誌をオンラインに








