制作事例｜ホームページの作成@Web

サンワホーム様のHPのリニューアルです。
モデルハウス並みのデザイン性の高い住宅をアピールするという内容から、このページのキーワードは「高級感」となっています。黒を全体に使う手法は質の高い写真が多く提供されている場合は有効ですが、単調なデザインなることも往々にしてあります。そこで上部のボタンにはフラッシュアニメーションを使用しています。
高級感に気をくばりつつも、一番クリックしてほしい「資料請求」のボタンは青で強調しました。

高級なサービスを提供する歯科医としてのイメージを表現しました。 医院の内装に使われているマホガニーから取った茶色がそれを表しています。
しかし、落ち着きだけでは読んでもらえるHPにはなりません。 大きな正方形を交互に配置する形の構成によるリズムを与える事により、 視点移動を促しました。

独自の長い伝統を主張しつつ、新しい視点も忘れないというデザインが今回のテーマでしたが、これを実現するためにソエジマ様の基本業務の象徴である「塗装」の、いわゆる「塗装の三原色」のうちの赤と青を画面構成の基本としています。 この2つの色はすでに落ち着きの要素を持っているので、もう一つの要素「新しさ」としてすっきりした画面構成とつやのある質感でシンプルにまとめてみました。複数のメッセージがある時はむしろシンプルに。それを心がけたデザインです。

テーマは「暖かな信頼感」と「シンプルで洗練されたおしゃれ感」でした。 オレンジで温かさを出しつつ、輪郭のはっきりした四角のオブジェクトで全体をまとめてシンプルさと信頼感を演出しました。 目に鋭くなりすぎないように角を落としてあるボタン、そしてガラスのような質感がポイントです。

ミネラルウォーターの販売に関するHPです。情報提供を重視しつつ、水のイメージをところどころに配置しました。
半透明処理、水玉、波線のモチーフを所々に配置し、多めの情報でデザインが統一性を失わないよう工夫しています。

脱毛サロン、WIS様のHPです。スマートなカジュアルさを表現するというご要望にお答えし、チェック柄と水色でまとめています。
リボンのようなオブジェクトで画面を貫き、やや複雑な構成に締まりを与えてみました。

病気に関する情報を提供するページです。病気というと病院。すると清潔感や病室のイメージから青や赤、白といった色調が連想されますが、それだけでは暗いイメージになりがちです。ここでは健康、温もりのイメージを優先し、肌色やオレンジ系の色調を採用しました。と同時に、医療を連想させるカルテボードのような質感を用いています。清潔感・信頼感を優先するならばそれに合わせたデザインに変化するでしょう。ページ中心の親子画像もポイントです。

クールな高級感と知性がテーマのデザインです。画面の黒は見た目にはほとんどわかりませんが青が入っており、これがわずかに白黒写真横のグラデーションで姿を表します。
白黒写真だけでは暗いイメージになってしまいますが、この画面のようにすぐ下にカラー写真を持ってきたい場合はむしろ色のないほうが色調の衝突を防ぐことができます。 サイド部のディスク状のマークがワンポイントです。

法律関係のテーマでしばしば見られる青・緑中心などの色調構成は、一歩間違えると冷たいイメージになってしまいます。そこで、ここでは直線的なイメージと、オレンジの色調で画面を構成しました。 「誠実さと暖かさ」という、ある意味ては対立するコンセプトの微妙なバランスをご覧いただきたいデザインです。

ウェブサイトの戦略立案に関するホームベージです。シルバー基調が今回のテーマですが、灰色は気をつけないと暗く地味なデザインになってしまいます。そこで全体を横に貫く水平線と黒いトップラインで画面を締めました。とはいえ色はほとんどないので、写真や小さいマークを目立たせることができました。

神経言語プログラミング(NLP)に関する情報を提供するHPです。チタンの色と軽さをイメージしました。チタンの質感は木材(=落ち着き)・石(=堅牢さ)・金属(=鋭さ)などの要素を少しずつ持っており、バランスのとれた知性を表現することができます。 メイン部の両側にグラデーションを配置し、文字領域を限定することによってコンテンツへの集中を喚起しています。

皮膚科のクリニック、じゅりクリニック様のHPです。お年寄りの方がご覧になるので文字を大きめに、と言うご要望にお答えしてデザインしました。アクセシビリティへの配慮が重要なケースといえます。美容・優しさ・真心を届ける?というイメージをテーマとし、曲線的要素とピンク・山吹色系の色調を採用しています。ボタンに配置したバラと見やすいカレンダーがポイントです。