No.068 BAGWORKS – webサイト分析

BAGWORKS 公式オンラインサイト(https://www.bagworks.co.jp/)分析

BAGWORKSのwebサイトは、サイトを開くと右から左へメインビューが表示されます。ブランド名と黄色い色の箇所が目を惹いて、きれいなメインビューが目につきます。スクロールすると縁取りをされた見出しが目に留まります。全体的に動きを取り入れたサイトです。
今回は勉強のために、デザインを分析しました。

 

PCメインビュー

 

font

urw-din-condensed, a-otf-futo-go-b101-pr6n, sans-serif
白系・黒系

 

 

 

color

白系・黒色・黄色系(#ffe53f)

 

 

 

メニュー

PCもスマートフォンも右上にヘッダーメニューがあり、クリックすると左から右にメニューボックスが開き、中のリンクも遅延して左から右にスライドして表示されます。
フッターはPCは横2列にリンクが並んでいて、右側にお問合わせボタンがあります。

 

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

 

スマートフォンハンバーガーメニュー内

 

まとめ

BAGWORKSのwebサイトは、画像がとてもきれいで動きも参考にしたいサイトです。各見出しがSVG画像で、縁取り下文字で表示されている箇所は、とても格好良くお洒落で、参考にしたいデザインのサイトです。

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

 

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

 

スマートフォントップページスクリーンショット

 

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