横浜fカレッジ 様 のWebサイトを制作しました
/ Web Design / Movie & Photo
サイト制作について
横浜市にある美容・ブライダル・ファッションの専門学校、横浜fカレッジ様のWebサイトのリニューアルと、それに伴いWebサイト内の動画や写真の撮影を実施いたしました。
横浜fカレッジ様は、 90年以上の歴史を誇る学校法人岩崎学園様の専門学校です。
様々な専門学校がある中で、他にはない、華美すぎない親しみやすさを出しつつ、将来プロフェッショナルとして活躍できる自分の姿を思い描いてほしいというご要望をいただいておりました。
背伸びしたような学生さんの写真やデザインをするのではなく、あくまでも現役の等身大の学生さんを見てもらえるよう心がけました。
撮影
一番初めに目に入るトップページのFVをはじめ、メインページで使用されている写真撮影を実施しました。プロを目指す学校として、技術を習得している最中である、等身大の学生さんの姿をFVに落とし込むことができたと思います。Webサイト内で使用している写真からもイキイキと学んでいる学生さんが伺えると思います。
多彩な分野がある中で、それぞれの学生さんが楽しんで学んでいる姿を撮影することができました。
デザイン
多くの学校法人のWebサイトは情報量が多く、目的のページに辿り着きにくくなってしまうことが多いです。
そこで、掲載したい情報と導線を整理し、ユーザーが求めている情報に辿り着きやすい構成にしました。
各学科・コースページ内の学びの内容やカリキュラム、取得できる資格などの詳細情報は、しっかりと設計しないとただ文字が羅列されたような見にくいページになってしまいますが、写真と併せて掲載したり、テキスト間の余白を調整することで、整理されていて見やすく改善されました。
サイトを見ているユーザーに、入学後から就職までの姿をより具体的に想起してもらえるWebサイトになったと思います。
CMS構築
リニューアル前のサイトは、「お知らせ」や更新が必要な箇所はhtmlなどのWeb知識がある方しか行えず不便だというご相談をいただいておりました。
そこで、CMSを用いて管理画面と合わせて構築することで、記事はもちろんのこと、メインページのテキストや写真も簡単に誰でも変更でき、伝えたい情報がすぐに更新できるようにいたしました。
また、オープンキャンパス情報や学生さんや卒業生へのインタビューも、ブログのように簡単に更新できデザインにもこだわれるよう、タイトルや写真とテキスト等のデザインパーツを細かく構成、組み合わせて一つのページを作成できる仕様にしました。
まとめ
ファッションや美容の専門学校の華やかな憧れのイメージを残しつつ、横浜ならではの華美すぎない、手の届くプロフェッショナルな雰囲気が感じられるかと思います。
コーディングあとがき
横浜fカレッジの個性や歴史のある学校の使命を反映した魅力的で使いやすいWebサイトを制作することに誇りを持って取り組みました。
今回の課題としては、今まで岩崎学園様で静的ページを運用してHTMLやCSSを直接書き換えファイルをアップロードしていたので、運用方法が楽になって誰でもテキストや画像が変更できるという点でした。
社内でもHTMLやCSSができる人は限られていたり、または仮にそのような方がいない場合などに運用に困るケースは多々あるかと思います。
そういった点で今回はCMSを使用して、職員の方が誰でもサイトの更新ができるようにしました。
特に一部の情報だけに限らず、サイト内のほぼ全てのテキストや画像を簡単に変更できるようにすることができました。
また横浜fカレッジは通年を通してオープンキャンパスや学校説明会などのイベントも多かったり、年単位で学校に関する情報もを変わっていきます。
色んなイベントがある中で「今はこれをPRしたい」というものを選択して、サイトに来てもらった学生さんや保護者様にもすぐに気づいてもらうような仕組み作りになっています。
運用する学園様とっては伝えたい情報を簡単に発信でき、入学したい学生さんにとっては見やすくてわかりやすい学校サイトになりました。
デザインあとがき
横浜で学ぶ美容・ブライダル・ファッション
横浜にある専門学校のWEBサイトリニューアルデザインを担当させていただきました。
fカレッジは1927年に開校し、もうすぐ100周年を迎える歴史ある学校です。歴史に裏付けされる実績と信頼を、流行に敏感な若者たちが学びたいと思えるための明るいデザインで後押しできるように制作しました。
学校系のサイトはどうしても情報が多く固い印象になりがちで、情報が入れば入るほど不安も出てくると考えています。Fカレッジのサイトでは写真をたくさん使うことで学校生活をイメージしやすく、実際に入学した際のギャップが少なくなるようにデザインしており、見た目だけでなく知りたい内容をすぐ知れるように情報設計をしています。
オープンキャンパスの一覧性は特にみやすさと使いやすさに気をつけて作成しています。
私は洋裁の専門学校で学んでいた経験があるのですが入学前の情報収集した時の気持ちを思い出しながら、サイトに訪れた人たちが夢に向かって目をキラキラさせながらご覧いただけたらとても嬉しいです。