「北海道エコ・動物自然専門学校」のホームページデザイン解説【デザコレ】

Design Review

デザイン解説

サイトを開くとファーストビュー全面に動画が流れていて目を奪われます。動画の上には白い線画で描かれた動物たちのイラストとキャッチコピーが配置されていておしゃれでナチュラルな雰囲気を演出しています。スクロールすると左側にナビゲーションメニューが現れて固定表示となります。右側のメインビジュアルエリアでは各コンテンツの背景に柄や写真を用いて区切ることでメリハリのついた構成になっています。学科紹介では学科ごとにサムネイル写真リンクが用意され、クリックすると学科の詳細が記載されたページに遷移します。在学生にインタビューをしたムービーコンテンツも設置されていて、ユーザが楽しめる工夫が施されています。写真をメインにポイントごとに学科紹介を展開している点もわかりやすくてユーザ目線を考えられています。他のコンテンツも非常に充実しており、しっかりと作り込まれたサイトとなっています。

執筆者

Okamoto Miyu

岡本美憂

独学でWebデザイン、HTML・CSSを学習。⇒出版社のWeb事業部でアルバイト⇒Web制作会社で、デザイナー兼コーダーとして勤務⇒2019年からフリーランスに。休日もカフェでコーディングをしているちょっと変人です。趣味はカフェ巡り、自然巡り、旅行など。

Twitter

こんなホームページを作りたい方へ

基本情報

会社名: 北海道エコ・動物自然専門学校

サイト名: 北海道エコ・動物自然専門学校

URL: https://www.heco.ac.jp/

「北海道エコ・動物自然専門学校」のホームページデザイン解説

執筆者

カテゴリ

基本情報

学校・大学に関連するデザイン

ポータルサイトに関連するデザイン

カラフルを使ったデザイン

ナチュラル・清潔感なホームページのデザイン

テイスト

タイプ

カラー

業界・業種で絞り込む

テイストで絞り込む

タイプで絞り込む

カラーで絞り込む