WebGallery

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

*

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

   

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

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

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

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

  関連記事

2018年のトレンド!?「デュオトーン」を使ったサイトをご紹介!

海外では結構多い印象があるのですが、日本だとあまり見かけない印象のデュオトーン。 …

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

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

デニム・ジーンズブランドのサイトがカッコいい!

メンズのデニム・ジーンズを取り扱っている「BMC JEANS – B …

動きや色を使って職場の楽しそうな雰囲気を伝えている薬局屋さん

滋賀県に9店舗、京都府に3店舗を展開している「スズキ調剤薬局」のホームページです …

見出しを明朝体、文章をゴシック体にして凛々しい雰囲気を出しながらも親しみやすさを感じる士業サイト

東京都品川区にある税理士事務所「CROSSROAD(クロスロード)」のホームペー …

グループの音楽性が一目で分かる

  Clean Banditの公式ホームページです。クラシックとベース …

モデルの髪色を強調するため、サイトの配色をグレー系にしたヘアカラー剤のサイトがスタイリッシュ!

ヘアカラー剤「THROW」のホームページです。 ファーストビューの透明感のあるイ …

砂浜のようなテクスチャとハイビスカスを使ってハワイアンな雰囲気を演出したウェディングサイト

東京都港区にオフィスをかまえているウェディングサポートをするプロジェクトチーム「 …

「広瀬川」の魅力を紹介するサイトがシンプルでおしゃれ!

宮城県仙台市にある「広瀬川」のホームページです。 広瀬川の魅力が伝わるように、ト …

職人の想いが伝わってくる「あらき修福堂」

福岡県福岡市にあるバッグや家具を修理・補修・リペア再生をする「あらき修福堂様(有 …