2023.9.28現在
4112件のデザインを掲載中
https://brand.studysapuri.jp/

「スタディサプリ BRAND SITE」のホームページデザイン解説

Design Review
デザイン解説

オンライン学習サービスのWebサイトで、画面中央にキャッチコピーが表示され、その背後を2色のドットが自由に変化するアニメーションが目を引くファーストビューです。画面をスクロールすると鮮やかなグラデーションとともにコンテンツがふわっと浮かび上がるモーションと、写真の背後に淡い円形がポップアップする動きが目を引きます。2色のブルーでまとめた色使いと、コンテンツタイトルに大きく使われた英語フォントがクールでスタイリッシュな印象を与えるデザインで、フラットなデザインの中にグラデーションやぼかしを一部取り入れて柔らかい印象も与えています。

執筆者

岡本 美憂
Okamoto Miyu
岡本 美憂
独学でWebデザイン、HTML・CSSを学習。⇒出版社のWeb事業部でアルバイト⇒Web制作会社で、デザイナー兼コーダーとして勤務⇒2019年からフリーランスに。休日もカフェでコーディングをしているちょっと変人です。趣味はカフェ巡り、自然巡り、旅行など。

カテゴリ

基本情報

会社名
株式会社リクルート
サイト名
スタディサプリ BRAND SITE
URL
https://brand.studysapuri.jp/

業界・業種で絞り込む

テイストで絞り込む

タイプで絞り込む

カラーで絞り込む