高級感のあるWEBデザインとは、モノトーンなどの落ち着いた色使いや、ホワイトスペースの取り方、明朝フォントなどの具体的な手法を用いることが多いです。
数年前までは、WEBにおけるデザインはないがしろにされてきました。
ここ数年において、WEBが当たり前のものになってくるにしたがい、WEB上でのブランディングの重要性が再考されるようになり、デザインクオリティの向上や高級感が求められるようになってきています。
渋谷にあるウェブマーケティング、ウェブメディアプロモーションの会社。 縦長の高級ペライチスタイルで、フラットデザインを基本にスッキリとまとめています。 最近はこういうワンページデザインのコーポレートサイトが非常に増えてき […]
世界一のピアノメーカー スタインウェイの公式サイト。 グレーとゴールドっぽいベージュを基調に、高級感と重厚感を持ったデザインに仕上がっています。 ヘッダーメニューの「取り扱いピアノ」部分はアマゾンから流行が始まったメガメ […]
http://www.hiroshima-hirobiro.jp/
広島への移住を後押しするウェブメディア。 半円形に切り取られたメインビジュアルのギャラリーや、メニュー部分が印象的ですね。 コンテンツのリスト部分はMasonryでタイル敷き詰め型のレイアウトになっています。
天然の無垢材にこだわった材木屋さんのサイト。 ブラックをベースし、ホワイトスペースを広くとってゆったりとレイアウトすることで、高級感とハイセンスな洗練されたライフスタイルをイメージさせてくれます。 遅れて表示されるアニメ […]
サングラスブランドのウェブサイト。 サングラスの黄色いレンズをイメージしたようなベージュカラーをキーカラーに、スッキリとした配色。 計算され尽くされたずれたグリッドデザインも美しいです。 レスポンシブでのスマホ表示も完璧 […]
スキンケアブランド P.G.C.D.のウェブサイト。 Windows8のメトロUI(モダンUI)のような隙間なしのタイル敷き詰め型レイアウトですが、LazyLoadで遅れて読み込んでくることで動きを出し、高級感や躍動感を […]
http://www.mogamigawa-beni.com/
山形の高級旅館 紅のウェブサイト。 高級感を出すため、横幅いっぱいの画像とカルーセルのみでほぼ構成され、写真の美しさでグッと引き込まれるようなデザインに仕上がっています。
ロングシャドーではなく、影のあるフラットデザインのイラストをもちいたメインビジュアルが新しいですね メインビジュアルの建物は、手の形のスライダーで増やしたり消したりできるギミックも面白いです。 ホワイトスペース広めで、ゆ […]
これは、実際にサイトを見てもらうのが一番早いんですが、左半分はstickyなカルーセルスライダー・右半分がコンテンツで右側だけスクロールします。 「こういう作り方もあるのか!やられた!」と思うようなデザインでした。
AirServerを開発したAPP DYNAMIC社のウェブサイト。 こちらも落ち着いたペールトーンとイラストをベースにしたフラットなデザイン。 ホワイトスペースのとりかたもとてもうまいですね。 すっきりしていて、個人的 […]
マツダ車に標準搭載されているカーナビに関する口コミ・掲示板サイト。 固定配置された背景画像と黒をベースに落ち着いたデザインに仕上がっています。 レスポンシブWEBデザインなので、PCからでもスマホからでも利用しやすいです […]
大分の一級建築士事務所のウェブサイト。 建築士ということで、家をモチーフにした5角形のメインビジュアルや、スッキリとしたゆとりのあるグリッドレイアウト、縦書きなどで、ミニマムながらハイセンスな印象に仕上がっています。 レ […]
http://kodomo.benesse.ne.jp/ap/
ベネッセのこどもチャレンジのしまじろうクラブのウェブサイト。 子供向けとはいえ、ベージュやペールトーン(くすんだパステル調の色み)を使用した落ち着いた配色で仕上がっています。 bootstrapなどのフレームワークを使わ […]
http://www.british-hills.co.jp/
パスポートのいらない英国というコンセプトを掲げるブリティッシュヒルズのWebサイトです。 時代遅れ感のあるスキュアモーフィック的な要素も含まれていますが施設のコンセプトと相性が良く、クラシックな雰囲気に仕上がっています。 […]
http://opc.olympus-imaging.com/
オリンパスのカスタマイズできる新型カメラプラットフォームOPCの特設サイト。 方眼紙の背景+カメラの図面の背景を大胆に使うことで、最先端テクノロジー感がうまく演出できています。 メインビジュアル部のCTAボタンもゴースト […]
東京に複数店舗を展開するガーデニングショップのウェブサイト。 要所要所で登場するカルーセルパネルや、サークルデザイン、全画面背景の使い方がうまく、 高級感がありつつも親しみやすい女性的なデザインに仕上がっています。