plugin-plus

建築設計事務所向けに、作品写真と設計思想を印象的に伝えるホームページの業種別サンプルを制作しました。

建築写真を大きく見せるレイアウト、英字タイポグラフィ、余白を活かしたデザインに加え、スクロールに合わせた自然なアニメーションを実装しています。

単に施工・設計実績を並べるのではなく、設計思想、PROJECTS、対応領域、設計プロセス、事務所紹介、JOURNAL、問い合わせまで、一つのブランドストーリーとして読み進められる構成にしています。

※実在する建築設計事務所から受注した案件ではなく、当社のデザイン・構成・実装力をご確認いただくために制作した業種別サンプルです。

建築設計事務所では、完成した建築写真だけでなく、「どのような考え方で建築を設計しているのか」まで伝えることが、他の設計事務所との差別化につながると考えました。

そこでトップページでは、大きな建築写真とタイポグラフィを組み合わせ、一般的な企業ホームページとは異なる世界観を演出しています。

ページ内には、設計思想、建築プロジェクト、設計へのアプローチ、対応分野、相談から完成までのプロセス、事務所紹介、JOURNAL、問い合わせ導線を配置しました。

HTML・CSS・JavaScriptを使用した動きのある演出も取り入れていますが、アニメーションを目立たせること自体を目的とせず、建築写真や文章を邪魔しない自然な動きになるよう調整しています。

また、PCだけでなくスマートフォンでも写真と文字のバランスが崩れないよう、レスポンシブ表示まで含めて設計・実装しています。

実際のホームページ制作では、既存のロゴ、建築写真、設計実績、事務所の考え方などをヒアリングしたうえで、それぞれの会社・事務所に合わせたオリジナル構成へ変更できます。

建築設計事務所向けホームページとして、作品写真を中心に見せながら、設計思想や仕事への姿勢まで一貫して伝えられるデザインサンプルが完成しました。

一般的な小規模企業向けホームページだけでなく、写真・タイポグラフィ・余白・アニメーションなどを組み合わせた、デザイン性やブランドイメージを重視するホームページにも対応できることをご確認いただける制作例となっています。

業種別サンプルのため、アクセス数や問い合わせ件数などの実運用による数値成果は掲載していません。

建築設計事務所のホームページは、作品写真をきれいに掲載するだけでなく、その建築が生まれる背景や設計者の考え方まで伝えることで、事務所独自の魅力がより伝わりやすくなります。

今回のサンプルでは、情報を単純に並べるのではなく、写真・文字・余白・動きを組み合わせ、建築作品を見ていくような感覚でページを読み進められるデザインを意識しました。

プラグインプラスでは、小規模企業向けのシンプルなホームページから、写真やブランドイメージを重視したデザイン性の高いサイトまで、構成・文章作成・デザイン・WordPress実装・スマートフォン対応を一貫してご提案しています。