ホワイト地にネイビーをアクセントに使った、中学校のホームページです。ファーストビューには、生徒達が学内で楽しく過ごす様子が写っています。グローバルナビにて学校案内、入試情報や卒業後の進路について案内しています。2カラム構成のトップページで左サイドは学校からのインフォメーション、右サイドに写真付きのアイコンを貼っています。それぞれのアイコンをクリックすると、学校行事や生徒達が活動するページに移動できます。下層ページより学校案内、学校教育の特色などを確認できます。入試および各種説明会のページには、説明会の情報と参加予約の申し込みフォームが設置してあります。その他のページにて、よくある質問を読むことができます。
カテゴリ
基本情報
学校・大学に関連するデザイン
- 「西武学園文理中学・高等学校」のホームページデザイン解説
サイトを開くと画面中央に埋め込んだYoutubeの動画が再生され、その上に重なるように斜めにカットしたベタを配置してキャチコピーが重ねられています。シンプルな1カラムのレイアウトでかっちり感を出しつつ、鮮やかなイエローとグリーンを背景に、リ...
- 「学校法人 野田鎌田学園」のホームページデザイン解説
ファーストビューでは学校生活を紹介するスライドショーの上に、大きめのフォントで力強くキャッチコピーが配置されています。濃いブラウンをメインカラーに下落ち着いた色使いですが、スライドショーの下の学校別のリンクはオレンジ・グリーン・ブルーの3色...
- 「学校法人 日本芸術学園 日本芸術高等学園」のホームページデザイン解説
メインビジュアルは漫画のコマ風に組み合わせられた3枚の写真が1枚ずつ浮かび上がり、最後にキャッチコピーと吹き出しが浮かび上がるドラマチックな構成です。コンテンツは1カラムのレイアウトで、学校説明会の募集要項は写真・キャプション・リンクボタン...
コーポレートサイトに関連するデザイン
- 「株式会社タケショー」のホームページデザイン解説
ファーストビューでは4枚の写真で構成されたスライドショーで企業内の紹介をしており、左には縦書きでキャッチコピーを書いた背後にネイビーの帯が敷かれています。メインコンテンツのタイトルも縦書きで書かれており、英語のキャプションを組み合わせたもの...
- 「株式会社内山産業」のホームページデザイン解説
サイトを開くと4枚の画像で構成された横長のスライドショーが表示され、中央に重ねられたキャッチコピーはアンダーラインとチェックボックスを併用することでより説得力を増しています。企業ロゴのロゴをアクセントカラーにして、縦長の英語フォントでスタイ...
- 「今代司酒造株式会社」のホームページデザイン解説
暗い工房内に鮮やかな藍色の暖簾が浮かび上がる写真が印象的なメインビジュアルです。一転して導入部分の写真は明るく温かみのある写真で構成され、その上には縦書きのキャッチコピーが黒の帯の上に配置されています。ブラックを背景にホワイトの明朝体でテキ...
ネイビーを使ったデザイン
- 「株式会社タケショー」のホームページデザイン解説
ファーストビューでは4枚の写真で構成されたスライドショーで企業内の紹介をしており、左には縦書きでキャッチコピーを書いた背後にネイビーの帯が敷かれています。メインコンテンツのタイトルも縦書きで書かれており、英語のキャプションを組み合わせたもの...
- 「株式会社近藤商会」のホームページデザイン解説
メインビジュアルは画面上部と右側にマージンを取って配置されており、それぞれナビゲーションメニューとリンクボタンが配置されています。導入部分ではイラストアイコンとシンプルなラインで描かれたアイソメトリックスのイラストを使って、サービスの魅力を...
- 「株式会社ジャスト」のホームページデザイン解説
サイトを開くと画面いっぱいにスライドショーが表示され、中央に太い明朝体で力強くキャッチコピーが配置されています。くすんだネイビーとホワイトの背景が交互に入れ替わる色使いで、フラットなデザインの中に見出しの下にラインを引く、カラムの左上にホワ...
堅め・信頼感なホームページのデザイン
- 「株式会社アイルビーザワン_Discovering Sounds」のホームページデザイン解説
サイトを開くと画面いっぱいにスライドショーが表示され、カリキュラムの特徴やサービスの内容を一目でわかるように紹介されています。濃いネイビーをメインカラーにしたビジネス色の強い色使いで、バナーやリンクボタンのオレンジがアクセントとなっています...
- 「ひめさゆり法律事務所」のホームページデザイン解説
サイトを開くと流線型でトリミングされた事務所の写真が表示され、写真とメインエリアをまたぐように縦書きでキャッチコピーが配置されています。淡いグリーンをメインカラーに、タイトルにパステルカラーの玉ボケを散らした柔らかく優しいイメージのデザイン...
- 「株式会社 大栄鍛工所」のホームページデザイン解説
サイトを開くと鋳造の様子を捉えた写真が次々と現れ、ダークな色調の写真と明朝体の大きなキャッチコピーで重厚感を与えるファーストビューです。画面をスクロールすると階上から撮影した写真がフッターに向かってフェードインするような形で現れ、より奥行き...