WebGallery

Webデザインの初心者がスマートフォン対応しているWebサイトを淡々と紹介していくサイトギャラリーです。

*

白黒の配色と扇形の写真の切り取り方を使った重厚感ある香料メーカー

   

%e5%90%8d%e7%a7%b0%e6%9c%aa%e8%a8%ad%e5%ae%9a-1

200年あまりの歴史を持つ香料メーカー「塩野香料株式会社」のホームページです。

「1808年創立」の歴史と伝統ある会社という重厚感を、竹やゆずなどの写真と黒色を使って演出しています。写真の切り取り方も、縦にまっすぐではなく少し扇形のように切り取られているのも動きがあって良いなと感じました。また臨場感のある写真は、それだけで香りが漂ってくるような気分になります。
「Scroll Down」のボタンを押した時にも、ただ下にスルスルと下がるのではなく、ちょっと視差効果を入れており細部までのこだわりを感じます。

全体的に黒と白、アクセントに黄色を使ったシンプルなレイアウトで高級感を出しています。タイトル部分の吹き出しは、背景の写真に合わせた色を使うことで白黒のページに色が入り、とても際立って見えます。
その他の見出しは、文字を中央に寄せて下線を引いているだけなのですが、余白を少し広く取ったり下線を見出しより短くすることで内容より際立っている印象を受けました。

最低限に抑えた装飾と游ゴシックで統一されたフォントは、安定感のあるデザインになっています。
トップの会社名の「SHIONO」はゴシック体、「塩野香料株式会社」は行書体のようなフォントと、2種類のフォントを使うことで大きい文字だけでなく小さい文字も際立つ工夫されたロゴになっています。

 - 色で表現 , ,

  関連記事

背景に薄くイラストを載せる

植物ブランド「花園樹斎」のホームページです。2016年1月に、植物ブランドとして …

落ち着いた和の雰囲気と、黒を基調とした色合いで50年という歴史を感じる渋いデザイン

島根県松江市にある塗装会社「ポインテリア」のホームページです。 落ち着いた和の雰 …

「貫く」という言葉を表現したモーションを取り入れたデザインがカッコいい!「エン・ジャパン株式会社 新卒採用サイト」

エン・ジャパン株式会社の2018年度新卒採用サイトです。 「貫け、ジブン」という …

文章量が多くても、楽しみながら見ることができる不動産屋さん

愛知県名古屋市にある不動産会社「名古屋のあおいろ不動産」のホームページです。 「 …

画面幅いっぱい使った大胆なレイアウトと青の配色で、信頼感のある建築系サイト

東京都品川区に本社をかまえ、計装の工事を行っている「中央計装」のホームページです …

アルバムイメージに沿ったデザイン

  The Scriptの公式ホームページです。こちらは前回のClea …

「デザミス株式会社」のサイトが、青系の美しいグラデーションを効果的に使ったデザインで魅力的!

「デザミス株式会社 (desamis Co,Ltd.)」のホームページです。 フ …

背景にテクスチャをかけ、画面を引き締める

  石油関連事業を行っている会社のホームページです。ロゴのカラーである …

「KAWAII文化」独特の世界観を大切にしたデザイン

原宿にある「カワイイモンスターカフェ」のホームページです。 ファーストビューのイ …

豊富な情報量を、シンプルなレイアウトですっきりまとめているパン屋さんのサイトがオシャレ!

長野県東御市にあるパン屋さん「パンと日用品の店 わざわざ」のホームページです。 …