WebGallery

Webデザインの初心者がスマートフォン対応しているWebサイトを淡々と紹介していくサイトギャラリーです。

*

フラットデザインだけど、グラデーションの処理を1人1人違ったものにして印象強くしている学習塾の特設サイトがカッコいい!

   

東進ハイスクールが提供している特設サイト「SEKAI ぼくらの未来を広げるWEBマガジン」です。

学習塾とは思えないような、オシャレでカッコいいフラットデザインのサイトです。
このサイトに来た学生が、記事を「面白そう!」と思って読んでもらうためにタイトルを秀逸なものにしています。
「大河ドラマを支えた“地味にスゴい”仕事!?」なんて見出しを見ると、思わず読みたくなる!となってしまいます。

記事にはそれぞれ写真も使用しているのですが、カーソルを置くと1人1人違うカラーのグラデーションがかかります。
リンク先のページの小見出しもグラデーションで処理されていて、とても凝ったデザインになっています。
スクロールすると斜線や四角形の背景が合わせて動いているのも、サイト全体のテイストに合ったアニメーションになっています。

 - 特設サイト, 色で表現 ,

  関連記事

女性が見ても親しみやすい塗装屋さん

神奈川県を中心に屋根・外壁塗装を行っている外壁塗装専門店「株式会社 松本建装工業 …

1つの場所に複数のコンテンツを掲載し、スクロールを減らす

NPO法人「夢職人」のホームページです。 子供や若者を対象としたイベントを企画・ …

「デザミス株式会社」のサイトが、青系の美しいグラデーションを効果的に使ったデザインで魅力的!

「デザミス株式会社 (desamis Co,Ltd.)」のホームページです。 フ …

作って楽しむ・見つけて喜ぶOZONE夏のインテリアフェスタ開催!

東京都新宿区にあるリビングデザインセンターOZONEで、7月14日~19日まで開 …

神戸にあるロシア料理のサイトが、マトリョーシカをイメージしたデザインで可愛い!

兵庫県神戸市にある、純ロシア料理をメインにしたレストラン「バラライカ」のホームペ …

ロゴに合わせたイラストで可愛らしさを

  熊本県にあるカフェのWebサイトです。茶系のカラーリングで落ち着い …

広島にある整体専門店のサイトが動きがあって面白い!

広島県広島市にある整体専門店「ストレッチ整体専門店  HIROSHIMAストレッ …

アニメのサイトということを忘れてしまいそうな「セーラームーン 25周年特設サイト」が凄い!

期間限定で公開されている「美少女戦士セーラームーン」の25周年特設サイトです。 …

足を動かすきっかけになりそうな車いす

株式会社TESSが販売している「COGY(コギー) あきらめない人の車いす」の特 …

文字の内側に白い線を入れることでへこんだような加工に

東京都渋谷区にある「セルリアンタワー東急ホテル」のバレンタイン特集ページです。 …