Works事例紹介 事例紹介

  1. ホーム
  2. 事例紹介
  3. IBW美容専門学校様 Webサイト

Webサイト制作 企画・設計/ディレクション/デザイン/マークアップ/CMS

IBW美容専門学校様 Webサイト

概要

Webサイトリニューアル

IBW美容専門学校様Webサイト(PC)トップ

PC表示

IBW美容専門学校様Webサイト(スマートフォン)トップ

スマートフォン表示

60年超の歴史を誇る和歌山の美容専門学校、IBW美容専門学校様のWebサイトリニューアルに伴い、サイト構成からデザイン、新CMSの実装を行いました。

企画にあたり、サイトを訪れるユーザーの行動を可視化した「カスタマージャーニーマップ」を作成し、資料請求とオープンキャンパス来訪者の増加を目的とした分析を実施しサイト構成に活用しました。

また若年層のサイト利用を促進するため、モバイルファーストを意識したWebサイトに仕上げました。

ポイント|気をつけたこと

企画

IBW様Webサイト カスタマージャーニーマップ

サイトリニューアルの最初の段階として、IBW美容専門学校様と共通意識を持つためのワークショップを開催する機会をいただき、サイトを訪れるユーザーの行動を可視化した「カスタマージャーニーマップ」の作成と、方向性の具体化に努めました。

サイトを訪れるターゲットユーザーを詳細に設定することで、受験生や学生など若年層を意識したビジュアルやコンテンツ、モバイルファーストを重視したサイト制作につながりました。

レイアウト・構成

IBW美容専門学校様webサイトトップ
IBW美容専門学校様webサイトトップ

トップページは、IBW美容専門学校様の魅力を伝えるコンテンツ、オープンキャンパスや学費等の必要な情報にすぐにアクセスできるレイアウトにしました。

ユーザーには、IBW美容専門学校様への憧れや入学した自分を想像してもらえるよう、学生や講師といったIBW美容専門学校様に関わる「中の人」たちの写真を大きく配置することでビジュアル面で訴えかけるようにし、それ以外の要素は極力省き、全体的にシャープですっきりとした構成を心がけました。

デザイン

IBW美容専門学校様webサイト学科コース
IBW美容専門学校様webサイトIBWコレクション

IBW美容専門学校様のコーポレートカラーであるピンクを基調としながら、昨今のトレンドであるマルチカラーグラデーション、また鮮やかなトーンカラーを随所に織り交ぜることで若々しさ、今っぽさを表現できるようにしました。

モバイルファースト

IBW美容専門学校様webサイトスマートフォントップ
IBW美容専門学校様webサイトスマートフォン詳細

学生や受験生などの若年層によるサイト利用を踏まえ、モバイルファーストに重点を置いたデザインで制作しました。スマートフォンでの使いやすさを考慮しつつ、視覚的に訴えかけられるようトップページに大きめのメインビジュアルを採用するなどの形に仕上げました。

データ

URL https://www.ibw.ac.jp
公開日 2017年4月