サイトにアクセスすると、まずワインレッドの鮮やかなナビゲーションメニューが目に入り、勉強に励む真摯な受験生の姿をメインビジュアルに使うことで受験予備校としてのイメージをまず強く印象付けます。画面をスクロールさせると画面下部に細身のナビゲーションメニューが固定表示され、画面をスクロールさせると時折表示されるエメラルドグリーンの鮮やかな帯とのコントラストがより目を引きつけます。シャドウを一切使わずフラットなベタと細身のテキストのみで構成されたデザインで、生徒からの声やアンケート結果には背景に薄く生徒の写真を敷いてよりリアルさを感じさせます。
カテゴリ
基本情報
支援サービスに関連するデザイン
- 「FLENS」のホームページデザイン解説
ファーストビューでは勉強にいそしむ子供の写真を全画面に使い、子供向けのサービスであることがまず一目で想定できます。コンテンツを読み進めていくと、ネットワークを活用した子供向けの学習プラットフォームであることが把握できる構成です。背景にはギリ...
- 「マイナビ進学」のホームページデザイン解説
青空を背景にした学生が空を指さす写真がまず目に入り、指さした先には地方別の検索ボタンが表示されており、自然に視線が誘導される構成になっています。サムネイルは写真の上に半透明のベタを重ねて、その上にホワイトのフォントでタイトルを重ねることで透...
- 「家庭教師のトライ」のホームページデザイン解説
明るいネイビーを背景として配置されたメインビジュアルにイエローとレッドの力強いロゴを配置してファーストビューで大きなインパクトを与えています。プラン紹介ではチャート図やイラストをネイビーでまとめた配色で配置し、信頼感のある、かつ親しみやすい...
サービスサイトに関連するデザイン
- 「TRIPPIN」のホームページデザイン解説
海外の旅行をメインにしたコミュニティプラットフォームサイトで、隙間なく並べられた角丸長方形のサムネイルにはヒートマップ風にドットが重ねられており、記事ページに移動すると同じ色のピンがマップに重ねられています。画面左2/3がマップ、残りのエリ...
- 「Gare Centrale de Montréal」のホームページデザイン解説
カナダにあるモントリオール中央駅のサイトです。メインビジュアルは3枚並んだフラットなテイストのイラストで、それぞれが駅の周辺情報・ショップガイド・運行情報への入り口となっており、マウスオーバーするとキャプションが下からせりあがってくる仕組み...
- 「stimmt」のホームページデザイン解説
オランダのデザイン会社のサイトです。ファーストビューではダークな画面に流線型のグラフィックが浮かび上がり、その上にホワイトのフォントでメッセージが重ねられた画面が目を引きます。モノトーン中心の配色に鮮やかなピンクが映え、スタイリッシュな中に...
レッドを使ったデザイン
- 「My Austria Bucket List」のホームページデザイン解説
ファーストビューでは画面全体をレッドのラインで囲んだ中央にサイトロゴが浮かび上がり、鮮やかな色がまず目に入ります。ベージュのテクスチャと柔らかい丸みを帯びたフォントが柔らかいイメージを与え、手書きのイラストや随所に盛り込まれたアニメーション...
- 「島田&アソシエイツ国際税理士事務所」のホームページデザイン解説
グレーをベースにレッドをアクセントにしたサイトです。ファーストビューには、シンガポールの景色が写っています。グローバルナビにて島田&アソシエイツ国際税理士事務所の対応実績、シンガポール進出サポートや国際税務サポートなどを案内しています。ブル...
- 「Helixes」のホームページデザイン解説
グレーをベースに、レッドやブラックをアクセントにしたサイトです。ファーストビューには、Helixesのコンセプトが英語で表示されています。2本ラインのメニューボタンにて、Helixesの会社情報や業務内容を案内しています。カーソルをあてたと...
フラットなホームページのデザイン
- 「Wolf & Whale」のホームページデザイン解説
ニューヨークのデザイン事務所のコーポレートサイトです。サイトにアクセスするとまず鮮やかなブルーのベタが画面全体を横切り、画面が切り替わるとグレーをベースとしたモノトーンの色使いの中にわずかに使われたブルーの文字でデザインされた画面が目を引き...
- 「京都みなみ会館」のホームページデザイン解説
ファーストビュー画像はコンセプトメッセージが常時表記されたまま、左右スクロールによって切り替えることができるデザインです。同様の内容はその下の上映作品一覧紹介でも確認が可能です。さらに進む上映スケジュールが掲載されています。残席状況が丸、三...
- 「株式会社アリシア」のホームページデザイン解説
鮮やかなイエローのバックに、段ボールをかぶった人物の写真とキャッチコピーが大きく表示され、何のサイトだろう?と強く興味を惹きつけます。コンセプトを読んだ後に画面をスクロールすると視差効果で4コマ漫画のように写真が切り替わり、1枚目の人物の意...