No.069 株式会社大和書房 – webサイト分析

大和書房 公式オンラインサイト(https://www.daiwashobo.co.jp/)分析

 

大和書房のwebサイトは、サイトを開くと右から左へヘッダーメニューが表示され、ロゴや各内容が動いて表示されます。縦文字を取り入れていて、お洒落なサイトです。
今回は勉強のために、デザインを分析しました。

 

PCメインビュー

 

font

游ゴシック体, YuGothic, 游ゴシック, “Yu Gothic”, メイリオ, sans-serif
白系・黒系・オレンジ系(#ff6600)

 

 

 

color

白系・黒色・グレー系(#ddd)

 

 

 

メニュー

PCは右上に縦書きのヘッダーメニューがあります。スマートフォンは右上にハンバーガーメニューがあり、タップすると縦書きのリンクメニューが並んでいます。

 

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

フッターはPCもスマートフォンも横にリンクが並んでいて、左側にロゴと住所があり、右側は縦書きでメニューが並んでいます。

 

PCフッターメニュー

 

まとめ

大和書房のwebサイトは、白と黒のシンプルなデザインのサイトです。リンクがクリックでオレンジになります。デザインを参考にしたいです。

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

 

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

 

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

 

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