No.047 ベーゼンドルファー

No.047 ベーゼンドルファー

ベーゼンドルファートップページキャプチャ

Bösendorfer

ベーゼンドルファーのWebサイト

ファーストビューの印象

コンサートホールに木目調のピアノが存在感を放つ。
モノトーン+ゴールドで、高級感を演出。

レイアウト

シングルカラム

レスポンシブ対応

あり
ブレイクポイント:480px,768px,992px,1023px,1200px

 

フォント

見出し:Brandon Grotesque
本文:Brandon Grotesque

メニュー

PC:ナビゲーションバー
SP:ハンバーガーメニュー

カラー

ベースカラー:#FFFFFF ホワイト
メインカラー:#b4a281 ゴールド
サブカラー1:#323232、#E5E5E5、#F3F3F3 グレー

感想、参考になった部分

オーストリアの伝統的ピアノメーカー、ベーゼンドルファーの日本語サイト。2008年にヤマハの子会社となっている。サイト内は一部日本語対応していない箇所もある。

サイトを構成するモノトーン+ゴールドがそれぞれ白鍵・黒鍵、エンブレム・内部機構の色を想起させる。サイト内で完全なブラックは使用されておらず、濃いグレーである。それによってコントラストが強くなりすぎず、柔らかみも感じる色調となっている。

商品紹介ページは開放感のある白をベースとし、商品画像・説明が左右に並び、それが互い違いに配置されている。
面白いと思ったのは、商品紹介の文章。一定の文字数を超えると「詳しく読む」で商品の個別ページに遷移するが、続きがあるということを表現するために、文章終わりの文字色にフェードアウトさせるようにグラデーションをかけている。

グランドアップライト

また、折角の格調高いロゴがぼやけてしまっているのがもったいない。SVGにしたいところ。

No.047 Bösendorfer|Webサイト100選

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です