ガイド 3分2026年9月5日

建築家・インテリアデザイナーのポートフォリオサイト

建築家のポートフォリオサイトには、プロジェクトページの充実度、プロセスの紹介、表示速度のバランスが欠かせません。Instagramでは代わりになりません。

プロジェクトページは単なる写真アルバムではない

建築家のポートフォリオサイトでは、プロジェクトページが写真ギャラリーの域を超えている必要があります。充実したページには、所在地、竣工年、面積、施主の要望、設計上の制約、使用素材の一覧、完成写真が含まれます。平面図、断面図、立面図、詳細図などの図面も、少なくとも二点は載せましょう。訪問者がプロジェクトを技術的に理解する手がかりになります。

ページを作る前に「このプロジェクトはどんな課題を解決したのか？」という問いに答えてください。施主のニーズ、既存の条件、設計上の判断、最終的な成果を説明します。そうすることで、ページは見た目の美しさを並べたギャラリーから、見込み客の似た課題も解決できることを証明する事例資料へと変わります。

画像の重さは表示速度という形でつけが回ってくる

建築家のポートフォリオサイトは、その性質上どうしても画像が多くなります。しかし高解像度の写真をそのままアップロードすると、ページの表示速度は大きく落ちます。見込み客も建築関係者も待ってはくれません。画像はWebPやAVIFに変換し、画面サイズに合わせて縮小して配信しましょう。遅延読み込みを使えば、ページのうち表示されている部分だけが先に読み込まれます。

圧縮によって細部が失われることを恐れる必要はありません。適切な設定であれば、最適化したファイルでも素材の質感や空間の雰囲気は保たれます。CDNを使えば、さまざまな地域からでも画像がすばやく表示されます。速度の問題は、画像を削るのではなく、賢い配信によって解決しましょう。

プロセスの物語は、初回の打ち合わせ前にクライアントを納得させる

完成したプロジェクトだけを見せると、設計上の判断が見えなくなります。ポートフォリオでは、スケッチ、模型の写真、素材ボード、施工中の写真、修正のメモといったプロセスの段階も紹介しましょう。そうすれば、結果だけでなく仕事の進め方に対しても信頼が生まれます。クライアントは最初の電話で「どのように一緒に進めてもらえるのか？」とよく尋ねます。プロセスの物語は、打ち合わせの前にその問いに答えてくれます。

プロセスの物語は時系列に沿って書き、手順の箇条書きにはしないでください。主要な段階を、つなぎとなる画像とともに二、三の短い段落で結べば十分です。技術的な詳細が多すぎるとクライアントは離れ、少なすぎると判断が遅れます。各プロジェクトで最も重要だった判断の瞬間を際立たせることで、バランスを取りましょう。

プロジェクトページに予算の目安を載せるのはリスクがある

ポートフォリオのページに固定の予算幅を載せると、誤解を招くことが少なくありません。同じくらいの広さのキッチンのプロジェクトでも、素材や人件費の違いによって費用は大きく変わります。物価上昇、資材の納期、施主からの後からの要望によって、その予算幅はすぐに当てはまらなくなります。そのため、ページには金額ではなく、プロジェクトの規模と範囲を示しましょう。

予算については初回の相談で話し合います。そうすることで、条件の合わないプロジェクトに時間を費やすことを防げます。一部屋のインテリアデザインのような小規模で定型的な仕事であれば、「このプロジェクトの予算の目安」を示すのが役立つ場合もあります。ただし、この点は慎重に扱い、掲載前に最新の市場の状況を確認してください。

Instagramは予告編であり、ポートフォリオではない

Instagramのフォロワーが何千人いても、建築家のポートフォリオサイトの代わりにはなりません。アルゴリズムは投稿をフォロワーのごく一部にしか表示せず、検索エンジンもそのコンテンツをインデックスしません。平面図、断面図、素材の選定、施工に関するメモを載せる余地も足りません。クライアントがプロジェクトを最初から最後までじっくり見たいとき、Instagramをスクロールするだけでは期待に応えられません。

Instagramはポートフォリオへの入り口として使いましょう。そこでは短いプレビューを公開し、自分のサイトにあるプロジェクトの全容へリンクします。アルゴリズムに頼るのではなく、自分のドメインへアクセスを集められます。自分のサイトなら、各プロジェクトの見せる順序、掘り下げ方、文字組みを自分で決められます。

表示速度と画像の質は同じページで両立できる

建築家のポートフォリオサイトでは、美しい画像のために表示速度を犠牲にするしかないという考えは誤りです。最新の画像形式、サーバー側でのリサイズ、コンテンツ配信ネットワーク（CDN）を使えば、高品質なプロジェクト写真もすばやく表示できます。重要なのは、ページごとの画像の合計容量を抑え、利用者の画面に合った解像度で配信することです。画像CDNはこの変換を自動で行います。

意図的に行える工夫が一つあります。ファーストビューのメイン画像はほぼ最高画質のまま、その下のギャラリーは軽めに圧縮するという方法です。これで速度と見た目の両方の期待に応えられます。公開前には、LighthouseやPageSpeed Insightsなどのツールでプロジェクトページをテストしましょう。改善できる最適化のポイントがわかります。