横浜fカレッジ 様 のWebサイトを制作しました

/ Web Design

制作物
コーポレートサイト制作 など

サイト制作について

横浜市にある美容・ブライダル・ファッションの専門学校、横浜fカレッジ様のWebサイトのリニューアルと、それに伴いWebサイト内の動画や写真の撮影を実施いたしました。

横浜fカレッジ様は、 90年以上の歴史を誇る学校法人岩崎学園様の専門学校です。

様々な専門学校がある中で、他にはない、華美すぎない親しみやすさを出しつつ、将来プロフェッショナルとして活躍できる自分の姿を思い描いてほしいというご要望をいただいておりました。

背伸びしたような学生さんの写真やデザインをするのではなく、あくまでも現役の等身大の学生さんを見てもらえるよう心がけました。

撮影

一番初めに目に入るトップページのFVをはじめ、メインページで使用されている写真撮影を実施しました。プロを目指す学校として、技術を習得している最中である、等身大の学生さんの姿をFVに落とし込むことができたと思います。Webサイト内で使用している写真からもイキイキと学んでいる学生さんが伺えると思います。

多彩な分野がある中で、それぞれの学生さんが楽しんで学んでいる姿を撮影することができました。

 

デザイン

多くの学校法人のWebサイトは情報量が多く、目的のページに辿り着きにくくなってしまうことが多いです。

そこで、掲載したい情報と導線を整理し、ユーザーが求めている情報に辿り着きやすい構成にしました。

各学科・コースページ内の学びの内容やカリキュラム、取得できる資格などの詳細情報は、しっかりと設計しないとただ文字が羅列されたような見にくいページになってしまいますが、写真と併せて掲載したり、テキスト間の余白を調整することで、整理されていて見やすく改善されました。

サイトを見ているユーザーに、入学後から就職までの姿をより具体的に想起してもらえるWebサイトになったと思います。 

 

CMS構築

リニューアル前のサイトは、「お知らせ」や更新が必要な箇所はhtmlなどのWeb知識がある方しか行えず不便だというご相談をいただいておりました。

そこで、CMSを用いて管理画面と合わせて構築することで、記事はもちろんのこと、メインページのテキストや写真も簡単に誰でも変更でき、伝えたい情報がすぐに更新できるようにいたしました。

また、オープンキャンパス情報や学生さんや卒業生へのインタビューも、ブログのように簡単に更新できデザインにもこだわれるよう、タイトルや写真とテキスト等のデザインパーツを細かく構成、組み合わせて一つのページを作成できる仕様にしました。

 

まとめ

ファッションや美容の専門学校の華やかな憧れのイメージを残しつつ、横浜ならではの華美すぎない、手の届くプロフェッショナルな雰囲気が感じられるかと思います。

コーディングあとがき

横浜fカレッジの個性や歴史のある学校の使命を反映した魅力的で使いやすいWebサイトを制作することに誇りを持って取り組みました。

 

今回の課題としては、今まで岩崎学園様で静的ページを運用してHTMLやCSSを直接書き換えファイルをアップロードしていたので、運用方法が楽になって誰でもテキストや画像が変更できるという点でした。
社内でもHTMLやCSSができる人は限られていたり、または仮にそのような方がいない場合などに運用に困るケースは多々あるかと思います。

そういった点で今回はCMSを使用して、職員の方が誰でもサイトの更新ができるようにしました。
特に一部の情報だけに限らず、サイト内のほぼ全てのテキストや画像を簡単に変更できるようにすることができました。

 

また横浜fカレッジは通年を通してオープンキャンパスや学校説明会などのイベントも多かったり、年単位で学校に関する情報もを変わっていきます。
色んなイベントがある中で「今はこれをPRしたい」というものを選択して、サイトに来てもらった学生さんや保護者様にもすぐに気づいてもらうような仕組み作りになっています。

 

運用する学園様とっては伝えたい情報を簡単に発信でき、入学したい学生さんにとっては見やすくてわかりやすい学校サイトになりました。

札幌PARCO

札幌PARCO

Prev

CHECK OTHER WORKS
横浜スポーツウェルネス専門学校(2024年4月 横浜医療情報専門学校より校名変更予定)

横浜スポーツウェルネス専門学校(2024年4月 横浜医療情報専門学校より校名変更予定)

Next

Back to Works
Contact Us
ページトップに戻る