#017 サイトレビュー
種類：特設サイト
テイスト：POP
フォント
本文：M PLUS Rounded 1c
→Google Fonts
POPな文字はSVGで一つずつ書き出している
配色
基本多色
背景色：#fff
アクセントカラー：#E85859（レッド）
メインカラー：#285F3A（グリーン）
文字：#3C2100（ブラウン）
ファーストビュー
タイトルロゴが飛び出るようにまず表示され、背景のイラスト→下部のメインイラスト→上部のグローバルメニューの順で表示される
背景イラストの一つ一つが一つずつ固定されており、拡大縮小を繰り返していて可愛い
左下の「さいしんのものがたり」はドローンが本当に持っているようにゆっくり上下している
グローバルメニューのコンテンツの配置などバランスがいい
レイアウト
読ませたいコンテンツへのリンクボタンが目立つイラストの上へ設置されていてクリックしたくなる
背景イラストには使用されていない明るい赤色のボタンを中央に配置することで目立ちやすくなっている
ボタン下のコンテンツへの境界線が可愛い
背景が森の中で緑が多い中、白い背景枠の中に読ませたいコンテンツをおくことで、より読ませるように工夫されている
スクリーンを見ているようなレイアウトのアイデアが素敵
スマホ
地球のメインイラストが中央に全体が表示される
タイトル下の波線エリアが同じだが、イラストや背景が違う
この記事が気に入ったらサポートをしてみませんか？