WebGallery

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

*

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

   

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

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

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

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

  関連記事

小学校内の施設「英語村」のホームページが虹のようなカラフルデザインで魅力的!

群馬県前橋市の立嶺小学校内にある施設「英語村(イングリッシュビレッジ)」のホーム …

折り紙の発想から生まれたオフィスチェア「FLIP FLAP」の特設サイトが、オフィスチェアのデザインを使ったレイアウトでカッコいい!

折り紙の発想から生まれたオフィスチェア「FLIP FLAP」の特設サイトです。 …

黒と白を使ってカッコよさを演出したガレージハウス

山梨県北杜市にあるリゾート型賃貸ガレージハウス「八ヶ岳ガレージハウス」のホームペ …

参考にしたい!グラデーションを使ったwebサイト5選!

最近はグラデーションを使ったデザインのwebサイトをよく目にします。色鮮やかなグ …

サイト全体の装飾を抑えてコンテンツに動きをつけることでさらに魅力的なデザインに

KinKi Kidsのオフィシャルサイト「KinKi Kids 20th Ann …

保護者の目線になってデザインされた幼稚園のサイト

東京都八王子市にある幼稚園「八王子実践幼稚園」のホームページです。 フラットなデ …

イラストに動きを加えて、楽しい雰囲気を演出したサイトが可愛い!

佐賀県小城市にある飲料商品の開発・販売等を行っている会社「友桝飲料」のホームペー …

赤と白のおめでたい配色が綺麗!なお米の販売サイト

「新潟米 新之助(しんのすけ)」のホームページです。 赤と白の背景がとても綺麗な …

kissとの出会いでショールームのようなお部屋に

愛媛県松山市にあるインテリアコーディネートショップ「kiss」のホームページです …

子供連れのママさん世代やその子供をターゲットにした歯医者さん

長崎県長崎市にある歯医者「田口歯科医院」のホームページです。 柔らかい配色が可愛 …