Blog / KANO空感設計 あすまい空感日記・・・明日の私(MY)の住まい

ホームページ制作裏話 その6

昨日に続き、私達のホームページ(以下HPと表現)の制作について書きます。
今日はHPのデザインのカラーリング(配色)についてです。
住宅の事例集のページの写真の見栄えがいいように、白をベースに、淡いグレーのモノトーンの濃淡でまとめることにしました。
美術館の絵画などのアート作品は、普通、白い壁に掛けられ、天井や床も色づかいは抑えられ、アート作品を見るのに適していますよね。
それと同じことを考えました。モノトーンは上質感もあります。
またモノトーンベースは、住宅などのいろんなデザインの建物の画像写真を張リ付けても、違和感がなく、受け入れられるよさがあります。
私達の事務所の設計デザインは基本的には、建主の意向に沿って行うので、必然的にバリエーション豊かになります。
住宅デザインの方向性がかなり固まっている設計事務所の場合は、作風に合わせたHPデザインもありだとは思います。
本文の文字は、真っ黒ではなく、少しグレーになっています。お気づきになりましたか。
(ちなみにこのブログの文字は、真っ黒ですが・・・。ちなみにグレーに変えるとこんな色です。 exiciteブログを利用しているので、変えられる色のバリエーションが少なく、この色では薄すぎると思ったので、採用せず、黒にしています)
白いベースの上の文字がやらわかく感じられ、長時間読みやすいからです。
さわやかですっきりとした印象も与えます。
ただし、全部モノトーンにしてしまうと、メリハリがなく、注目してほしい文に目が行きにくくなってしまうので、アクセントに濃いレッドと濃いブルーの文字を入れました。
濃いレッドはサブテーマに、濃いブルーは見出し文に使っています。
派手にならず、深みがあり落ち着きのある、青と赤の色を慎重に選びました。

次回へ続く。

ホームページ制作裏話 その5

昨日に続き、私達のホームページ(以下HPと表現)の制作について書きます。
今日はHPのデザインについてです。
上質でクールだけど、親しみやすく、長時間見ていて苦にならず、かといって無難ではないデザインにしたいと思いました。
ホームページ制作会社のアドバンテージさんにデザインもお願いする方法もありましたが、レイアウトやカラーリングなど細かい部分にいたるまで、全て自分でやりたいと思いました。
なので、このHPはちょっと素人っぽさが残っていると思われるかもしれません。
まずは、設計事務所のHPに限らず、デザイン事務所、自動車メーカーなどデザインを売りにしている会社のHPを見たり、WEBデザインの本を購入したり、図書館から借りたりして研究しました。
↓購入した書籍

まず、見やすく操作しやすいレイアウトとして、オーソドックスに、タイトルを1番上のヘッダー部分に、ナビゲーション(各コンテンツへの案内)を左端に、本文を右としました。
さらに、各コンテンツのページが長いので、フッターにもナビゲーションを付けました。
exiciteブログを利用していますが、ブログも同じデザインの中でレイアウトできました。
よく、ブログだけ、exiciteなどのブログサイトに飛んでしまい、違ったページに飛んでしまったかのような印象を受けるHPがありますが、それは避けたいと思いました。
また、ブログも検索エンジンに引っかかるので、そこからトップページなどに行きやすいようにと考えました。
次回へ続く。

ホームページ制作裏話 その5

昨日に続き、私達のホームページ(以下HPと表現)の制作について書きます。
トップページには、更新状況を示す、NewsやProjectをすぐわかる位置に配置し、何度も訪れていただけるリピーターの方に、HPのどこが変わったのか、進行中のプロジェクトは今、どうなっているのか、分かるようにしました。(申し訳ないですが、本業が忙しくてHPがあまり更新できていません。その代わりブログはほぼ毎日続けています。)
その隣には、自分達の家づくりについての考えを簡潔にまとめたMessageを配置しました。
他のコンテンツでは、Service/業務Process/流れも、私達の事務所のこと、仕事の進め方を理解していただくのには、欠かせないと考えていましたので、充実させました。
そういったコンテンツがない、設計事務所のHPもたくさんあり、そういう事務所は、お問い合わせしてきていただいた方に、口頭や紙の資料を使って、説明をすればいいという考えではないかと思われます。
しかし、私達はこういう情報は、「聞かなければ分からない」のではいけない、親切丁寧に説明し、依頼する側の立場に立って、少しでも不安を取り除くことができるようにしなければならないと考えました。
当初はFAQ(=Q&A)のコンテンツを設け、その中でService/業務Process/流れ の内容について説明する考えもあり、そのように原稿を書いていた時もありましたが、最後には、今のような形のほうが、分かりやすいと思い、変更しました。
実際、多数のお問い合わせをいただいておりますが、それらについての質問はほとんどありません。
訪問していただいた方へも、事前にHPを隅々まで見ていらっしゃることがほとんどなので、説明を省くことができ、本題にすぐ入れるという業務上のメリットもあります。
(内容のご確認のために補足説明させていただくことは当然あります。)
事務所に来ていただいても、事務所のパンフレット類はございません。
パンフレットに書くべき内容は全てHPに記載されていると思ってください。
HPを作る前はパンフレット的なものがありましたが、事務所名を変更したこともあり、現在は作っていません。経費削減にもなっています。
次回へ続く。

1 1,007 1,008 1,009 1,010 1,011 1,093