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種類のフォントを使うことで大きい文字だけでなく小さい文字も際立つ工夫されたロゴになっています。

 - 色で表現 , ,

  関連記事

配色で透明感を出す

  東京にある不動産会社のホームページです。全体的に水色と白で構成され …

重要な情報は配色を逆にして目立たせているレストラン

大阪市にあるフレンチレストラン「convivialite」のホームページです。 …

背景は繊細な雰囲気だけどメニューやフレーズは力強い筆文字にすることで【どん兵衛×ラッセン】の異色のコラボを表現!

どん兵衛とクリスチャン・ラッセンがデビュー40周年を記念したコラボ企画「【どん兵 …

目に優しい色合いと文字の大きさで、見る人の目の負担を軽減させた眼科のサイトデザイン

神奈川県藤沢市にある眼科「長後えんどう眼科」のホームページです。 オレンジと緑を …

パステルの色合いがいい、加減。

松山市総合政策部シティプロモーション推進課が運営する「いい、加減。まつやま」のホ …

次の世代のために美味しい野菜を作っている農家さん

茨城県つくば市で、農薬を使用しない野菜を作っている農園「子供たちの未来農園」のホ …

装飾を多用せず、文字を使って可愛らしさを表現する

東京都にある株式会社ジプソフィラのホームページです。 健康食品を取り扱う会社で、 …

背景色を星の色にした、期間限定カービィカフェが可愛い!

2016年8月に大阪・名古屋・東京でオープン予定の「カービィカフェ」の特設サイト …

青とゴールドの組み合わせがゴージャス!なバーのサイト

今年もあと僅かになりましたね… 何だか今年はあっという間だった気がします(毎年言 …

商品のイメージカラーの黄色を全面に出した、日焼け止めの商品ブランドのランディングページ3選!

日焼け止めが活躍する時期になりましたねー! ですが暑かったり寒かったりで気温がな …