SULK コーポレートサイト(https://sulk.jp/)分析
大阪堺のアイアン家具通販 SULKのコーポレートサイトは、サイトを開くとピンクの背景色がとても目を惹きます。画像がとてもきれいで、全体的な色の組合せがとてもおしゃれです。
今回は勉強のために、デザインを分析しました。
font
“Montserrat”, “Noto Sans JP”, “Hiragino Kaku Gothic ProN”, “ヒラギノ角ゴ ProN W3”, “ヒラギノ角ゴシック”, “Hiragino Sans”, sans-serif;
白系・黒系（#333）
color
白系・グレー系（whitesmoke・#e1e6e6）・黄色系（rgba(234, 234, 112, .9);）・ブルー系（rgba(124,155,198,.9)・rgba(125,199,199,.9)）・ピンク系（#eb67a2）
メニュー
PCは上部にメニューがあります。
スマートフォンは右上にハンバーガーメニューがあります。タップするとふわっと開き、左揃えの太字のメニューが縦に並んでいます。上部のメニューと同じピンク色の背景です。
フッターはPCもスマートフォンも縦に長く、横2列で下にロゴと住所の記載があり、横線で区切った下に横2列でSNSとコピーライトが並んでいます。
画面について
新着商品とおすすめ商品の箇所は、画像にマウスオーバーで黄色い色が重なります。PCもスマートフォンも横3列で隙間なく並んでいます。
まとめ
SULKのコーポレートサイトは、とても色使いが目を惹くサイトです。一度色味を参考にしてサイトを作りたいです。
初回は簡単に書かせて頂きました。分析内容はこちらのページか新規のページに不定期に追記をするかもしれません。
