No.063 ダルトン公式オンラインショップ – webサイト分析

DULTON 公式サイト(https://www.dulton.jp/onlineshop/)分析

雑貨・家具・インテリアの通販サイト DULTONのオンラインショップは、左に動く画像がサイトを開いてすぐにあり、目を惹きます。紺色の色使いとロゴの黄色がとても合っています。
今回は勉強のために、デザインを分析しました。

 

PCメインビュー

 

font

“Arial Black”
‘Noto Sans JP’, “メイリオ”, Meiryo, “ヒラギノ角ゴ Pro W6”, “Hiragino Kaku Gothic Pro”, Osaka, “MS Pゴシック”, “MS PGothic”, sans-serif
白系・紺(#001960)・黒色(#111)

 

 

 

color

白系・紺(#001960)・黒色(#111)

 

 

 

メニュー

PCは上部にメニューがあります。ITEMをクリックすると、大きなボックスが開き、横6列に各商品画像の付いたリンクが並んでいます。
左上にハンバーガーメニューがあり、クリックすると左からMENUが開きます。カテゴリが並んでいて、ログインボタンや会員登録、メルマガ登録、お気に入りのボタンがあります。

フッターはOFFICIAL SNSが上部に並んでいて、その下にお問い合わせやご利用ガイドが横に並んでいます。

 

PCメニューボックス

 

PCハンバーガーメニュー内

 

PCフッター

 

まとめ

DULTONのサイトは紺の色使いが素敵なサイトです。商品の写真がとてもきれいで、サイトのトップは見やすく各コンテンツが表示されています。

初回は簡単に書かせて頂きました。分析内容はこちらのページか新規のページに不定期に追記をするかもしれません。

 

PCトップページスクリーンショット

 

webサイト100選 | 雨とホットケーキ