WebGallery

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

*

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

   

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

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

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

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

  関連記事

アニメーションをたくさん使ったヨットハーバーのサイトが面白い!

兵庫県西宮市にあるヨットハーバー「Shin Nishinomiya Yacht …

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

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

シックな空間を撮った写真に合わせたサイトが、高級感があってカッコいい!

北海道札幌市にあるリノベーション会社「PLUS ALPHA.」のホームページです …

黒い色を使ったデザインがカッコいい!化粧品ブランドのサイト5選!

未だにこういった化粧品のメーカーって、どこを選んだらいいか迷ってしまいます… 結 …

白黒の配色と扇形の写真の切り取り方を使った重厚感ある香料メーカー

200年あまりの歴史を持つ香料メーカー「塩野香料株式会社」のホームページです。 …

賑やかな店内の様子と、美味しそうな料理の写真で素敵なディナーが味わえる雰囲気を見せたイタリアンレストラン

埼玉県新座市にあるイタリア料理店「トラットリア&ピッツェリア Legio …

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

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

写真を枠からはみ出させたりすることで、ページに動きをつけているお店

福岡県朝倉郡にある「ギャラリー茶寮 南の風」のホームページです。 トップページの …

白と黒の配色で、店舗の写真を際立たせるデザイン

広島県広島市で6店舗の美容室や花屋・カフェなどを展開している「RUTH grou …

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

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