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

 - 色で表現 , ,

  関連記事

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

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

モデルの髪色を強調するため、サイトの配色をグレー系にしたヘアカラー剤のサイトがスタイリッシュ!

ヘアカラー剤「THROW」のホームページです。 ファーストビューの透明感のあるイ …

おばあちゃん独特の暖かみを感じるテイスト

  群馬県にあるヘアサロンのWebサイトです。「くつろげる”おばあちゃ …

緑を使ったデザイン

  千葉県にある整骨院のサイトです。左側にグローバルナビを配置している …

足を動かすきっかけになりそうな車いす

株式会社TESSが販売している「COGY(コギー) あきらめない人の車いす」の特 …

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

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

学校の「楽しそう!」な雰囲気が伝わってくる専門学校

愛知県名古屋市にある、医療系や販売・ITや観光系などのビジネス専門学校「あいちビ …

年齢層を意識したフォントサイズと写真の配置で、見やすくデザインされたサイト

岐阜県土岐市にある美濃焼きの公房「SAKUZAN」のホームページです。 トップペ …

レゴランドで開催しているイベントのサイトがゲームみたいで可愛い!

2017年の7月から12月までお台場にあるレゴランドで開催されているイベント「夜 …

名古屋にあるパン屋さんのサイトが、レトロな雰囲気でオシャレ!

愛知県名古屋市梅森坂でベーカリー&カフェを営んでいる「パン屋さん マイロ」のホー …