![見出し画像](https://assets.st-note.com/production/uploads/images/33076045/rectangle_large_type_2_eef877c50b091e89fa5b662ba2706f9f.jpg?width=1200)
セイバン 天使のはねランドセルスペシャルサイト | サイトレビュー【18】
サイト名
セイバン【天使のはね】ランドセル スペシャルサイト
URL
https://www.seiban.co.jp/special/shisei/
ターゲットユーザー
・小学校入学前にランドセルを検討している児童、両親、親類
・ランドセルの買い替え検討中の児童と両親、親類
サイトの印象
天使のはねの名前の通り、全面に置かれた空のビジュアルや明るいブルーを多く使用し、飛んでいるような軽やかさを連想させている。丸みを帯びたコンテンツボックスのデザイン・フォントで子供っぽく優しいイメージを演出している。
デザインで気になったところ
配色
ベース:水色(#20b7e6)、ブルー(#1574d5、#1597d5)
メイン:ホワイト(#fff)
アクセント:ピンク(#fa7198)、オレンジ(#ec8b00)、イエロー(#f9ff4e)
空をイメージしたブルー系をベースに、見出しや商品の機能を説明している読ませるコンテンツ部分は、ホワイトを活用し事で可読性を高くしている。
ブルーは1色ではなく、明るさを変えい来るか使用することでコンテンツの区分けをしつつ統一感を出せる。
アクセントカラーは明るいトーンのカラフルなカラーを使用しポップな印象になっている。
フォント
見出し:分からなかった。文字の大きさが不安定でかわいい。
本文:平成丸ゴ、ヒラギノ丸ゴ?っぽい
本文は丸みのあるフォントを使用し、見出しはインパクトのあるデザイン文字(フォントが分からなかった…)を使用。
本文は文字間を広めにとっており、ゆったりとしていて読みやすい。
※スペシャルサイトだからなのか?文章はすべて画像になっている、、というかこのページ自体がほぼ全て画像で作られており、文字が閲覧環境によって左右されないので、見やすさが担保されている。
ページ全体
・LPなのでメニューなどはなく、1枚完結型。
・メインビジュアルはコントラスト強めの修造さん+子供と動物のビジュアル。正しい姿勢をサポートすることを指をアップするポーズで表現。
見出しの「姿勢シャーン!」とリードは斜めに配置し、姿勢をシャキッと正す勢いを動きで表現しており、シャーンの「ー」の伸ばしを長くとることで姿勢の伸びとかけてインパクトを出している。
動きは修造さんとその周りの人が別々で出てくる+姿勢シャーンが動く(特にシャーンがびよーんと伸びる)。ただ画像が出てくるよりも楽しさやイメージが伝わってくる。
・2つ目のコンテンツは、企業の想いと修造さん(権威)のコメント。
想いと著名人の言葉で姿勢づくりの重要性を説明することで、良い姿勢が身体だけだはなく心の成長にもつながる⇒いい姿勢をサポートする商品(天使のはねランドセル)を購入すべき、という流れになっている。(直接天使のはねを着用する=成長するとは言ってない)
雲の枠で他のコンテンツと区別、文字をひらがな多めで重要なところは文字色を変えている。
・1番の特徴である「Wピタッと設計」部分
機能の説明前に「98%の医師が評価!」を置くことで、先に信頼感を高めている。自分は商品の機能説明→評価されています見たいな構成案を良く作っているので、このように下のコンテンツに興味を持たせるフックとして使うのは参考になった!
小児科医100名のうちは波線、一番訴求したい98の部分は黄色で目立たせている。
・上部で機能のポイントが2点ある事を説明、以下コンテンツの流れ。
ポイントとなる2点は「Wピタッと設計」と同じデザインフォントを使用し、他のフォントと区別。さらに「ぴたっと」にはアクセントカラーを使用して強調。
他、参考になったパーツ
見出しの上やボタンの丸みデザイン。
ボタンデザインの前の矢印。
イラストの部分アップ。枠をはみ出す見せ方。
リボンの枠