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

 - 色で表現 , ,

  関連記事

アニメーションをたくさん使ったヨットハーバーのサイトが面白い!

兵庫県西宮市にあるヨットハーバー「Shin Nishinomiya Yacht …

観光スポットの動画を最初に配置することで、イメージが伝わりやすい

AB-ROADが運営する「思い立ったら、旅日」の特設サイトです。現地の見どころや …

保護者の目線になってデザインされた幼稚園のサイト

東京都八王子市にある幼稚園「八王子実践幼稚園」のホームページです。 フラットなデ …

写真や配色の白面積を多くして、清潔感を出している木々に囲まれたリハビリテーション病院

千葉県成田市にある「 成田リハビリテーション病院」のホームページです。 ファース …

見出しを明朝体、文章をゴシック体にして凛々しい雰囲気を出しながらも親しみやすさを感じる士業サイト

東京都品川区にある税理士事務所「CROSSROAD(クロスロード)」のホームペー …

雪を降らせたり、文字やイラストを白で統一して冬を演出する

2016年の11月10日から、2017年の2月19日まで開催している「東京ドーム …

パッケージデザインを活かした化粧品のサイトがおしゃれで可愛い!「資生堂 recipist」

20代前半の女性をターゲットにした、スキンケア商品「資生堂 recipist」の …

シックな空間を撮った写真に合わせたサイトが、高級感があってカッコいい!

北海道札幌市にあるリノベーション会社「PLUS ALPHA.」のホームページです …

自然豊かな環境で、こだわり卵を生産している養鶏場

佐賀県武雄市にある養鶏場「いとう養鶏場」のホームページです。 全体的に装飾を抑え …

ロゴカラーでデザインされたものづくり企業のサイトがカッコいい!

新潟県三条市に本社をかまえる、キッチン雑貨・収納家具・住宅設備・家庭用品の専門家 …