導入事例

デコジャパン株式会社 コーポレートサイト - Movable Type ソフトウェア版 導入事例
岡崎市民会館 公式サイト - Movable Type ソフトウェア版 導入事例
一般社団法人 西東京市伝統文化育成会 公式サイト - MovableType.net 導入事例
画家 小高朋恵 公式サイト - MovableType.net 導入事例
株式会社フラワー不動産 ウェブサイト- Movable Type クラウド版導入事例
浅野肖像画工房 公式サイト - MovableType.net 導入事例
株式会社ヨシダ工業「Glanz(グランツ)」ウェブサイト- Movable Type 導入事例

麻布デンタルアカデミーがMovable Typeを使う理由

麻布デンタルアカデミー様
とにかく更新作業が楽になりました。CSSの定義もきちんとされているので、記事に見出しを付けるといった作業も素人ながらきちんとできるようになりました。とても満足しています。

東京港区にある麻布デンタルアカデミーは、2010年4月、Movable Type ケータイキットfor Movable Typeを使って、同校のウェブサイトのリニューアルを行った。サイトの運営を行う麻布プレス(麻布デンタルアカデミー編集部)の小林聡さんと佐藤弘明さん、そして開発を担当した株式会社サイブリッジの平山恵子さんにお話しを伺った。

リニューアル以前

麻布デンタルアカデミーは毎年2月に行われる歯科医師国家試験対策のための予備校だ。主に歯学部を卒業した国家試験浪人生を対象に授業を行うほか、参考書や過去問題集の出版も行っている。書籍の編集は予備校とは別に麻布プレスという独立したグループ会社が担当しており、ウェブサイトの運営も同社の編集部が担当している。
ウェブサイト自体は10年以上前から開設されていたが、それまではウェブ製作会社に依頼することなく、主に佐藤さんがDreamWeaverなどのソフトを使い、試行錯誤をしながらコツコツと運営していたそうだ。

「その頃のサイトは、正直言ってHTMLやCSS程度ならなんとか理解できるというレベルの素人が作った個人ホームページのようなものでした。更新できる人がわたくししかおらず、更新があるたびに無計画にページを作っていたものですから、ページ数もどんどん増えてしまい、ユーザーが目的のページにたどり着けないという状態になっていました。」(佐藤さん)

そのうえ予備校と編集部の間の情報伝達にも問題があったようだ。

「私たちも書籍の編集作業の合間にサイト管理を行っているという状態だったため、予備校側の担当者がウェブに載せたい情報があってもどのタイミングで依頼すればいいかわからない、編集部の方も予備校側にどのようなトピックがあるか把握できていないというように、予備校と編集部が分断されている状況でした。」(小林さん)

リニューアルの目標

このようにあまりよくない状況が続いていたが、とうとう2009年の夏、これらの問題を根本的に解決するため、サイトを全面リニューアルすることを決断した。まずは業者の選定からだ。

「2009年の夏にいくつかの製作会社さんから提案を頂きましたが、その中で一番おもしろそうなことができるのではないかという印象を受けたサイブリッジさんにお願いすることにしました。サイブリッジさんは今までにも学校関係の案件を数多く手がけられていることに加え、単にサイトを製作するだけではなく、コンサルティングの方もしっかりやってくれるということなので、もうここしかないという印象でした。」(佐藤さん)

年内はサイトの設計について徹底的に話し合いを行った。当初はいろいろやりたいことが多すぎて収拾がつかなくなっていたため、本当に必要な事柄を優先順位をつけて整理する作業を行ったという。

「最初はあれもやりたいこれもやりたいといった状態でなかなかまとまらなかったのですが、何度も話し合いを重ねた結果、まずは更新の手間を減らすことと、訪問者が欲しい情報にすぐにたどり着けるよう導線を整理するということの二点に狙いを絞りました。」(佐藤さん)

リニューアルにあたりサイブリッジからは早い段階からMovable Type 5の導入が提案されたそうだ。これは更新の手間の軽減とサイトの導線整理というリニューアルの目標2つを同時に解決できるためだという。

「重要なトピックに関しては、HTMLの知識がなくても誰でもすぐに投稿できるような形にしたいというのが最大の希望だったので、Movable Type 5を使ったシステムの提案を受け、すぐにこれで行こうと思いました。」(佐藤さん)

完成したウェブサイト

こうして完成したウェブサイトでは、佐藤さんら編集部のスタッフだけではなく、予備校の担当者にも更新方法が周知をされたため、業務に関わる担当者が、「パンフレット受付中です」、「試験の日程が発表されました」といった記事を直接入力することが可能になった。現在は「トピックス」の部分に限られているが、今後はそれ以外の部分にも広げていくそうだ。

また、講座などのトピックスに関しては、受講申し込みをオンライン上で行うことができる申し込みフォームも作成できる。

また、講座などのトピックスに関しては、受講申込みをオンライン上でできる「申し込みフォーム」への動線が随所に引かれ、スムーズに申し込みができるよう設計されている。

さらに別システムと連動し、成績表などの生徒個人情報を参照することも可能になっている。

また、画面デザインに関しては白と緑をベースにした清潔感溢れるシンプルなものとなっている。

「いくつか予備校がある中でも麻布デンタルアカデミーは、真面目でなイメージがあるので、あまり向こう受けを狙ったケバケバしいデザインは避けたかったんです。イメージカラーである緑を使って、信頼性のある学校のウェブサイトであることを表現していただき満足しています。」(佐藤さん)

麻布デンタルアカデミー資料請求フォーム

ケータイキットを使って携帯完全対応

麻布デンタルアカデミー 携帯サイト

このサイトではアイデアマンズ株式会社が販売する、3キャリア対応の携帯電話向けサイト構築用プラグイン「ケータイキットfor Movable Type」を使って、PC向けサイトと同時に携帯電話向けサイトの作製も行っている。

「最近の学生さんの中にはPCを持たずにほとんど携帯で済ませる方も多いため、携帯対応をおろそかにはできないという意識は以前からありました。」(小林さん)

「以前から携帯向けサイトは作っていたのですが、うっかり携帯の方だけ更新を忘れてしまうという事が多々あったため、せっかくMovable Typeを導入するのであれば、携帯サイトの方もあわせて更新ができた方がいいだろうということで導入を決めました。」(佐藤さん)

基本的にPCサイト向けに作製した記事は、自動的に携帯サイトにも反映されるようになっており、片方だけ更新を忘れるといったことは完全になくなったとのことだ。

「ただし外部リンクに関しては、PC向けと携帯向けが異なる場合があるので、そこだけ後で修正することはあります。」(平山さん)

もちろん携帯向けサイトからも、PCサイトと同じように講座の予約や書籍の注文もできるようになっている。現在閲覧されるPVの割合はPCの方が少しだけ多いが、かなり肉薄しているそうだ。

運用はほぼ自前で

現在サイトの運用は、ブログ記事として投稿できる部分はもちろん、それ以外の固定ページの多くも内部で行っているそうだ。

「サイブリッジさんには、HTMLの基礎さえ知っていれば誰でも更新できるよう、見やすいソース作りをお願いしましたので、基本的にすべて内部で更新できるようになっています。」(佐藤さん)

ただし、キャンペーンページなどデザイン性が求められるページに関してだけは、サイブリッジのデザイナーに依頼するという形になっている。

新システムに移行して2ヶ月ほどが経過したが、運用に関しては満足されているようだ。

「とにかく更新作業が楽になりました。CSSの定義もきちんとされているので、記事に見出しを付けるといった作業も素人ながらきちんとできるようになりました。とても満足しています」(小林さん)

Movable Type導入のメリットのひとつである、SEM効果はどうだったのだろうか。

「実は以前のページはある時期から「国家試験」、「予備校」といった重要なワードで検索にかかりにくくなってしまっていたのです。Movable Typeを導入してすぐにそれは改善され胸をなで下ろしています。」(佐藤さん)

キーワード検索以外にも、以前はかなり高かった直帰率やPVといった数字も如実に改善されてきているという。

今後は社内のより多くの人にも、サイト作りに関わってもらいたいという。

「今回のリニューアルで、誰でもサイトを更新できる基本的なプラットフォームはできたので、例えば講師自らが学習情報をブログで発信していくといったような、おもしろいことができたらいいなと思っています。」(佐藤さん)

左から麻布デンタルアカデミーの佐藤弘明さん、サイブリッジの平山恵子さん、麻布デンタルアカデミーの小林聡さん
左から麻布デンタルアカデミーの佐藤弘明さん、サイブリッジの平山恵子さん、麻布デンタルアカデミーの小林聡さん

事例データ

  • Movable Typeケータイキットfor Movable Type
  • サイトを公開したのは:2010年4月
  • はじめた理由:更新作業の負担軽減、ユーザーの導線改善
  • 制作を担当したのは:株式会社サイブリッジ
  • 何か手ごたえはありましたか?:初期目的は達成し、SEO効果も上がった

同じ業種の事例

ダウンロード
page top