No.058 Ron Zacapa Japan (ロン サカパジャパン)

No.058ロン サカパジャパン

Ron Zacapa Japan (ロン サカパ)

RUM CREATION & PRODUCTS,INCが手がけるラム酒「ロンサカパ」のWebサイト。

ファーストビューの印象

ブラックとゴールドで高級感と落ち着きを感じるファーストビュー。

レイアウト

フルスクリーン

レスポンシブ対応

あり
ブレイクポイント：320px,480px,500px,550px,600px,650px,680px,700px,740px,760px,766px,767px,768px,770px,780px,850px,960px,991px,992px,1000px,1100px,1140px,1149px,1200px,1240px,1280px,1300px,1560px

フォント

見出し：ff-tisa-web-pro-1
本文：ff-tisa-web-pro-1

メニュー

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

カラー

ベースカラー：#000000　ブラック
メインカラー：#9D7D40　ゴールド

感想、参考になった部分

ラム酒のプロモーションサイト。ゴールド、ブラックの2色で高級感を感じるカラーリング。ターゲットはある程度年齢層が高めのお酒好きの男性であろう。
サイト全体がムードのあるバーのように暗めに設定されている。
ブレークポイントが非常に多く、細かく画像を制御している。

原産国グアテマラの王族のみが使用できる織物ペタテをモチーフにしたナビゲーションバーがfixedで常に上部に表示されている。これは同商品のパッケージにも使用されている。
サイト内で最も目立つのはナビゲーションバー内のCTAボタン。アマゾンの商品購入ページへのリンクが張られている。

画像がシームレスに配置されているが、明度の低い画像同士のため、境目がわからなくなってしまう恐れがある。画像の内部に二重線の枠をつけることでそれを回避している。
また、それによって整列、反復の原則により一貫性、可読性を高めている。

No.058ロン サカパジャパン | Webサイト100選