WebGallery

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

*

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

   

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

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

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

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

  関連記事

背景に薄くイラストを載せる

植物ブランド「花園樹斎」のホームページです。2016年1月に、植物ブランドとして …

もうすぐ七夕の季節。短冊に書いた願いごとが叶いそうなサイト

京都市にある晴明神社が実行委員会として運営している「星に願いを」の特設サイトです …

大人の女性をメインターゲットにした「マイトリ」のサイトが、遊び心をくすぐるような配色で可愛い!

JTBが運営する女子旅情報サイト「女子旅COLLECTION マイトリ」の特設サ …

ボタンを目立つ色にするのではなく、背景色を少し薄くして文字色を濃くする

商品「フェイスマスク ルルルン」のホームページです。 フェイスマスクということで …

企業サイトのデザインが、赤と黒の配色でカッコいい!

愛知県名古屋市にある「Y.W.C株式会社」のホームページです。 ファーストビュー …

グリッドレイアウトを使って実例をスタイリッシュに紹介している設計事務所のサイト4つ!

暑い!とにかく今年の7月は暑いです!! 関東でも一部地域で今年初の40度超えが観 …

トップページやタイトル部分を縦書きにすることで和を意識した「肘折温泉」

山形県最上郡大蔵村にある温泉郷「湯の里 肘折温泉」のホームページです。 ファース …

多彩なアニメーションを使ったサイト

  私が言っていいものかどうか分かりませんが、懐かしきCyndi La …

日本古来の色合いを使ってデザインされた着物専門店

東京都中央区銀座にある着物専門店「GINZA 和貴」のホームページです。 ファー …

サイトの様々なところに「動き」をつけて会場の楽しそうな雰囲気を伝える

岐阜県各務原市にあるレジャースポット「オアシスパーク BBQ CANVAS」のホ …