![見出し画像](https://assets.st-note.com/production/uploads/images/78905807/rectangle_large_type_2_553acf7aca9eed4d5cb9c40cacf5ad8e.png?width=1200)
#1日1サイトレビュー 104 カロリーメイト公式サイト
カロリーメイトらしさが全面に出てるサイト!
これぞシズル感。
フォント
・Roboto Condensed
https://fonts.google.com/specimen/Roboto+Condensed#about
ロボットは二面性を持っています。機械的な骨格を持ち、フォルムは大部分が幾何学的である。同時に、このフォントの特徴は親しみやすくオープンな曲線である。グロテスクなフォントの中には、字形を歪めて硬いリズムを強いるものもあるが、Robotoは妥協せず、文字が自然な幅に収まるようにした。そのため、ヒューマニズム系やセリフ系によく見られる、より自然な読みのリズムを実現している。
![](https://assets.st-note.com/img/1652980545956-U8v27tS1AZ.png)
![](https://assets.st-note.com/img/1652980561021-G4BK19xZgN.png)
・Arial
![](https://assets.st-note.com/img/1652980530265-8FHd0Zz9pA.png?width=1200)
カラー
![](https://assets.st-note.com/img/1652980860316-w9cSNLqIwz.jpg?width=1200)
感想・考察
(1)カロリーメイトらしさが全面にでたfv
一目でカロリーメイトだとわかる。
カロリーメイトって別に美味しくないのになんで売れてるかって言ったら、パッケージのデザインがいいからだと思う。
黄色自体が元気を与える色だし、持ってるだけで元気が出てしまうのかもしれない。
![](https://assets.st-note.com/img/1652980909517-gU7HQxgJqX.png?width=1200)
(2)動きのあるあしらい
カロリーメイト=運動というイメージがあるから、静止しているレイアウトよりも動きのあるレイアウトで、よりカロリーメイトの親近感を上げる。
![](https://assets.st-note.com/img/1652981041226-vL6koN4ORd.png?width=1200)
(3)栄養あることがすぐに伝わる
5角形を見るだけで、何かのパラメーターであるとすぐに認識できる。
ボタンは大きめ。
左側と右側は同じ面積ではなくて、右側の方が少し大きい、上下の高さも揃っていない。
これの方がバランスがいいのかな?揃えたら良くないのか?
![](https://assets.st-note.com/img/1652981174369-r6xTyckoPW.png?width=1200)
(4)右側の黄色い背景がパッケージを連想させる
黄色い背景がなかったら、白に白っぽい画像で、メリハリが出ない。
後に黄色を差し込むだけで全く違う。
![](https://assets.st-note.com/img/1652981300249-IS8i8KqOaR.png?width=1200)
(5)ヘッダーに日本語をふる
英語と日本語がヘッダーに記載してある。
フォントサイズとか参考になりそう。
![](https://assets.st-note.com/img/1652981382610-dhfb8vWtiT.png?width=1200)
この記事が気に入ったらサポートをしてみませんか?