建築事務所ポートフォリオ

このテンプレートを使えば、一流のデザインスタジオが開発者に依頼してゼロから作らせたような、インテリアデザインのWebサイトが手に入ります。デザイン事務所での経験やコーディングのスキルがなくても使いこなせます。

技術的な部分はすでに用意されています。テキストの中に動画が映り込むヒーローアニメーション、ホバーエフェクト付きのレスポンシブなプロジェクトグリッド、スクロールに反応するナビゲーション、モバイルに最適化されたレイアウト。すべて完成済みです。プロジェクトの撮影、魅力的な説明文の作成、新規クライアントの獲得に集中できます。

画像でマスクした見出し付きで9件のプロジェクトを並べるポートフォリオグリッド、画面いっぱいのヒーロー画像を使った個別のプロジェクト詳細ページ、チームメンバーの紹介を載せた概要ページ、お問い合わせフォームが含まれています。各プロジェクトカードにはゆっくりと漂うようなアニメーションが使われており、レイアウトを邪魔することなく視線を引きつけます。ダークな背景がインテリア写真の一枚一枚を際立たせます。これこそ、建築・インテリアデザインのポートフォリオサイトに求められるものです。

Web開発者にオリジナルのポートフォリオ制作を依頼する場合と比べてみましょう。費用は$8,000〜$25,000、さらに2〜3か月にわたるやり取りが必要になります。マーケットプレイスで販売されている汎用的なインテリアデザイン向けテンプレートは安価ですが、ほかのサイトと似たような見た目になってしまいます。このテンプレートなら、ごくわずかな費用と期間でオーダーメイドのような仕上がりが得られます。

住宅デザインのクライアント獲得

インテリアデザイナーを探している住宅オーナーは、問い合わせる前に作品を見て判断します。キッチンのリノベーション、リビングルームの改装、バスルームのリデザインを、映画のような写真とすっきりとしたタイポグラフィで紹介するポートフォリオは信頼を生み、閲覧者を相談へとつなげます。インテリアデザインのポートフォリオサイトが、最も頼れる営業担当になります。

商業建築プロジェクトの受注競争

商業系のクライアントは、プレゼンテーションの質で事務所を評価します。オフィスの内装工事、店舗、ホテルや飲食施設などのプロジェクトを、画面いっぱいの画像と、所在地・年・業務範囲を含む詳細なプロジェクト情報とともに紹介すれば、調達担当チームが候補を絞り込む前に期待するプロフェッショナリズムを示せます。

紹介につながるオンラインでの存在感

不動産エージェントや施工業者、過去のクライアントは、シェアしたくなる作品であれば積極的に広めてくれます。滑らかなアニメーションとダークなエディトリアルレイアウトを備えた、目を引くインテリアデザイン会社のサイトは、グループチャットやメールで次々と転送されていきます。紹介を受けてサイトを訪れた人は、その技術にふさわしいレベルで紹介された作品を目にすることになります。

新しい市場・地域への進出

2つ目のオフィスを開設したり、新しい都市でプロジェクトを手がけ始めたりしたときは、その広がりをポートフォリオにも反映させる必要があります。プロジェクトカードには画像と一緒に所在地が表示されるため、さまざまな地域の見込み客が、身近なエリアでの実績を確認できます。プロジェクトのデータファイルを更新するだけで、グリッドが自動的に再構築されます。

はじめ方

1. このテンプレートをリミックス

「リミックス」をクリックして、自分用のコピーを作成します。数分で、実際に動くインテリアデザインのポートフォリオサイトがブラウザ上で起動します。プロジェクトグリッドを眺めたり、個別のプロジェクトページを開いたり、モバイルメニューを試したりして、全体のつながりを確認しましょう。このテンプレートが合わなければ、別のテンプレートをリミックスできます。作業が無駄になることはありません。

2. ブランドに合わせてカスタマイズ

ナビゲーションとフッターのスタジオ名を差し替えます。ヒーローのテキストは、事務所のポジショニングに合わせて調整しましょう。ダークなカラーパレットはほとんどの建築・デザインスタジオに合いますが、背景のトーンやアクセントカラーを変えて、ブランドアイデンティティに合わせることもできます。タイポグラフィには表示速度を重視してシステムフォントを使用していますが、ブランド上必要であればカスタム書体に差し替えることもできます。

3. コンテンツを追加

プロジェクトのデータファイルを開き、サンプルを自分の作品に置き換えます。各プロジェクトには、タイトル、所在地、年、説明文、高品質なヒーロー画像が必要です。最良の結果を得るには、ポートフォリオ画像を16:9のアスペクト比でトリミングし、幅を2400ピクセル以上にしてください。プロジェクトの説明文には、課題、アプローチ、成果を明記しましょう。チームページは実際の顔写真とプロフィールに更新します。

4. ツールを連携

お好みのアクセス解析サービスを追加して、訪問者がよく見ているプロジェクトを把握しましょう。フォームエンドポイントサービスを使って、お問い合わせフォームをメールやCRMにつなげます。コードを編集せずにプロジェクトを管理したい場合は、ヘッドレスCMSを接続し、静的なデータファイルの代わりにそこからコンテンツを取得できます。フッターにはSNSのリンクを追加しましょう。

5. 公開

スタジオ名に合った独自ドメインで公開します。インテリアデザインのクライアントの多くはスマートフォンからサイトを見つけるため、すべてのページをスマートフォンで確認しましょう。特に自信のあるプロジェクトページを3つ選び、InstagramとLinkedInでシェアします。過去のクライアントにサイトを見てもらい、あとで掲載できるお客様の声を依頼しましょう。これで、インテリアデザインのポートフォリオが24時間休まず働いてくれます。

まとめ

このポートフォリオテンプレートは、オンラインでの見せ方を、実際に手がけた建築や空間の質にふさわしいものにしたい建築・インテリアデザインスタジオに最適です。開発者を雇わずに映画のようなプロジェクト紹介を、CSSを学ばずにダークなエディトリアルレイアウトを、何週間ものテストなしでモバイル対応のサイトを手に入れられます。

今週中には公開して、実際のプロジェクトを掲載できます。写真を差し替え、文章を更新し、ドメインを接続したら、見込み客にリンクを送り始めましょう。きちんとしたポートフォリオサイトがない一日一日が、相談の機会を逃しているかもしれない一日です。