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」のホームページです。 赤と …

広島にある整体専門店のサイトが動きがあって面白い!

広島県広島市にある整体専門店「ストレッチ整体専門店  HIROSHIMAストレッ …

工場のようなイラストが可愛い!バレンタインのキャンペーンサイト

2017年の東急ハンズのバレンタイン「楽しまなくっちゃ、バレンタイン」の特設サイ …

スライダーとメニューが歯の形になっている特徴的なデザイン

石川県金沢市にある歯科医院「ハッピー歯科医院」のホームページです。 トップのスラ …

スマートフォンからでも情報が伝わりやすい

  コガノイベイホテルの公式サイトです。全体的に情報量が多いのですが、 …

万華鏡のようにクルクル変わるタイトルが綺麗!なアートイベント

2016年7月30日から東京ミッドタウン・ホールで開催されている「FLOWERS …

トップページにメニューを載せ、カラフルな構成に

  「朝食フェス2015」の特設サイトです。メニューをブロック化して掲 …

しかけ絵本を見ているかのようなサー・トーマス・リプトンのストーリー

リプトンのプレミアムシリーズ「サー・トーマス・リプトン」のホームページです。 リ …

医療系とは思えないほどカラフルでポップなデザインのサイトが可愛くて楽しそう!

兵庫県神戸市にある医療福祉専門学校「神戸医療福祉専門学校」のホームページです。 …

右上の部分に必要な情報を常に掲載しておく

  千葉県にある貸し別荘を提供する「コテージ・フラミンゴ」のホームペー …