No.055 タカナシミルクパーラー – webサイト分析

タカナシミルクパーラー 公式サイト(https://www.takanashi-milk.co.jp/milk-parlor)分析

 

タカナシミルクパーラー(タカナシ乳業株式会社)のwebサイトは、サイトを開いてすぐにあるメイン画像が動いて切替わり、色々なメニューが表示され、とてもおいしそうです。サイトは全体的に水色で文字が書かれています。今回は勉強のために、デザインを分析しました。

 

PCメインビュー

 

font

‘M PLUS 1’, sans-serif
こぶりなゴシック W3 JIS2004
白・黒系・水色(#009cde)
見出しはfont-size:53pxくらい、文章はfont-size:19pxくらい

 

 

 

color

水色(#009cde・#F0FBFF)・白・黒

 

 

 

メニュー

PCはヘッダーにロゴが中央にあり、リンクメニューも下に中央配置であります。
スマートフォンは右上にハンバーガーメニューがあります。画面全体にハンバーガーメニューが上から下へスライドして開き、リンクが中央に縦に並んでいます。

 

PCヘッダーメニュー

 

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

 

PCメニューページスクリーンショット

 

まとめ

タカナシミルクパーラーのwebサイトは、水色で文字が書かれていてとても爽やかな印象のサイトです。背景にも水色が使われています。メニューページの商品がとてもおいしそうです。
初回は簡単に書かせて頂きました。分析内容はこちらのページか新規のページに不定期に追記をするかもしれません。

 

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

 

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

 

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