NEW
Ver.3.2 すべての体験をアップデート

  1. トップ

ブランドサイト

エディクム

株式会社海外教育コンサルタンツ様が運営する「エディクム」は、 海外留学・ボーディングスクールの紹介・留学支援を行っています。

以前は別のCMSで構築されていましたが、コンテンツがまとまらなくなり、サイトの構造や導線が複雑であることから、情報整理と運用の負荷軽減のためにa-blog cmsが導入されることとなりました。

実際に利用してみたところ、運用・更新が非常に楽になったとの声をいただいています。

サイトの情報整理

既存サイトの散らばっていたコンテンツを全て読み込んだ上でページの分解と統合、ディレクトリの整理を行い、一目で内容を把握できるコンテンツマップをまず作りました。

それを元に、どのページを子ブログ・カテゴリーへ割り振れば更新がスムーズになるかを考えて、CMSの構造を決めています。

更新・運用の省力化

1つの修正に対し、複数箇所・複数ページの更新がないように注意しましたが、最も更新されるイベント情報の扱いに特に注力しています。

まず同じフォーマットでの記述・表示が維持できるよう、カスタムフィールドを使った入力を基本としてイベントページを作っています。

イベント開催日による分岐表示

またイベントの一覧は、開催前か終了後かを日付で判断し、2つのエントリーサマリーを使って表示させています。


イベントの開催日を自動的に判断して出力


イベント申し込みボタンのカスタマイズ

またイベントページには申し込みページへのリンクボタンを付けていますが、イベントが終了した場合・あるいは個別のページで申し込みを締め切った場合には、ボタンは表示させず、申し込みそのものができないようになっています。

イベントの開催状況のフォームへの反映

このイベントが申し込み可否の状況は、申し込みフォームにも反映させるようにし、終了したイベントや中止になったものについては、表示させないようにしています。この部分はフォームの中に、エントリーサマリーとIFブロックの組み合わせを埋め込んで実現させています。


開催日前のイベントのみを表示


留学体験談の掲載

留学体験談は1つにつき1エントリーとしており、「国」「年齢」「学校の種類」をタグを使って選別しています。例えば「ニュージーランド」「サマースクール」「小学生の留学」タグが選ばれている体験談であれば、それぞれのタグ名と同じ「国」「年齢」「学校の種類」のページに自動で掲載されるようになっています。

カスタムフィールドで実装させる方法もありましたが、カテゴリーの増加に柔軟に対応できるようタグを利用しています。


タグを利用して、関連ページに自動で出力させる体験談


子ブログの活用

運用しやすいよう、イベント・ブログ・体験談・お知らせの4つの子ブログを作り、それぞれの更新が行いやすいよう、管理ボックスをカスタマイズしてボタンを増設しています。


子ブログ用に増設されたボタン


デフォルトのボタン


前サイトからのブログ記事の移行

前サイトには700件以上のブログ記事がありましたが、前サイトのデータをCSV形式に変換したものを、a-blog cmsの標準機能で一括インポートしています。

a-blog cmsを導入して

リニューアル前のウェブサイトは、前任のウェブ制作会社が開発していた独自のCMSを使っていたため、情報の抽出や移設は難易度が高いと感じていましたが、問題なく行っていただけました。リニューアル後にコンバージョンという結果も出ていてお客様も満足しています。

以前のウェブサイトでは自由に装飾ができたため、文字の色やサイズなどが統一されていませんでした。編集ルールを設定すればよいのですが、お客様にはストレスになってしまいます。そこで今回のリニューアルのタイミングで文書作成時に使える機能を大幅に制限してもらいました。

お客様も迷いなくシステムが利用できますし、見た目がバラバラになることも防げています。その他、ウェブサイト運営時の手間を配慮して管理しやすい仕組みにカスタマイズしていただいており、このように柔軟に対応できるところがa-blog cmsの強みだと感じました。


愛護幼稚園様

愛護幼稚園様は、長い歴史のある富山県富山市の幼稚園です。

静的サイトからのリニューアルをさせて頂きました。

ブログを含め、更新は全てHTMLでの手作業だったので、タイムリーな更新がなかなかできない状況でした。また、HTMLの知識のある特定の人しか更新できなかったため、業務と並行した更新作業が負担になっていました。

更新作業で通常業務を圧迫しないために

「簡単な操作性」と「更新業務が通常業務の負担にならない」という点で、a-blog cmsの導入を提案しました。専門のウェブ担当者がいない場合、更新作業は他の業務と兼務することになるため、短時間で簡単に更新作業ができることは、大きなメリットになります。

まず、a-blog cmsはブラウザ上で簡単に更新できることをご確認して頂きました。更新作業=面倒な作業ではなくなることで、今までなかなか更新できなかったブログへの意欲も向上されました。

スピーディーに修正できる

園の基本情報、入園情報、FAQページ、PDF、写真などは、定期的に、または不定期に修正や差し替えが必要になります。見逃しがち、滞りがちだったテキストや画像の修正や差し替えがスピーディーにできるようになりました。


ちょっとした文言の修正や追加も簡単に


直感的に操作ができる

a-blog cmsの1番のメリットは、操作が直感的な点だと思います。サイト閲覧中に変更点を見つけると、その場で直接編集(ダイレクト編集)できるので、短い作業時間で常に最新の情報を保てます。管理画面に入る必要がないのも、CMSに対する苦手意識が小さくなると思います。操作方法を覚えて頂くのにも時間がかかりませんでした。



拡張性にも優れている

各ページのほとんどが、予め用意したさまざまなスタイルのパーツ(ユニットやユニットグループ)で構成されています。後からページ内にテキスト、画像、PDFボタンなどが追加で必要になった場合でも簡単に追加できます。なるべく共通して使い回せるユニットを作りました。


ドラッグ&ドロップとテキスト入力で簡単にPDFボタンを追加


さまざまなユニットを用意


テキストユニットのスタイル


また、さまざまな組合わせを想定したユニットをデザインすることで、全体のデザインが損なわれないようにしました。

将来的に会員制の保護者様専用ページ(子ブログ)の追加や、メルマガ配信などもデフォルトの機能で対応可能なので、状況やご要望に応じた機能を搭載しやすいのも魅力です。実際に運用してみて問題点が出た場合も対応しやすいと思います。


日鋼記念病院

日鋼記念病院は、「医療人として組織として社会に貢献する」の使命のもと、「訪れたとき、いつも「ほっ」としてもらえる病院である」、「よりよい医療を提供するために『一歩前へ』を目指す」、「病院は地域の財産、職員は病院の財産である」という3つの理念を掲げています。

ほぼ全てのコンテンツ・フォームをa-blog cmsで編集可能に

診療科紹介をはじめ、病院案内や広報誌など、多岐にわたるコンテンツの展開が必要でした。 そのため、日常の細かな修正、年1回などの大きな更新、定期的な更新など、様々な更新パターンがありました。頻度や規模を問わず、さまざまな更新ができるように、ほぼ全てのコンテンツとフォームを、クライアント側で自由に編集可能な仕組みにしました。

ヘッダーなどのメニュー部分には、「カテゴリーエントリーリスト」を利用しているため、カテゴリーに所属するページが追加・削除されても、メニューを別途更新する必要はありません。


ヘッダーなどのメニューにカテゴリーエントリーリストを使用した箇所


また、ログインしたら表示される管理ボックスには、更新箇所へすぐ辿りつけるようボタンを設置しています。


管理ボックスには、更新箇所へすぐ辿りつけるようボタンを設置


組み込みJSでスマホでも見やすい「外来診療表」

各診療科のエントリーにある外来診療表は、各曜日の担当医を示すもので、横に長くなりがちです。PCサイズのディスプレイでは問題ありませんが、スマホでは「スクロールを促すテーブル」にして見やすいように工夫しています。a-blog cmsに組み込まれているJavaScript(通称 組み込みJS)で、運用をカバーしています。


PCのとき


スマートフォンのとき


旬の情報を提供できる「よく検索されるワード」

日鋼記念病院は、地域の恒例の患者さんも多く訪れる総合病院です。様々な年代のユーザーが、よりサイトを利用しやすくするため、検索部分にも工夫を施しました。 検索ウィンドウを開くと、旬な情報をお届けする「よく検索されるワード」を設けています。キーワードの登録には「ナビゲージョンモジュール」を使用し、病院の更新担当者が自由に更新できます。旬の情報への導線を、簡単に用意することができます。


よく検索されるワードの公開画面


よく検索されるワードの編集画面


ロゴスホーム

株式会社ロゴスホーム様は「家づくりで幸せな家庭を世の中に増やす」をミッションに掲げる、北海道・東北エリアの住宅会社です。「北海道品質。北海道価格。」というコンセプトを掲げ、省エネで高性能な「十勝型住宅」を、地元で働く誰もが買える価格で提供しています。

スタッフが管理がしやすい「店舗情報」

ロゴスホーム様は北海道・東北に複数の店舗を展開しています。各店舗のスタッフが更新できるよう、ブログやイベントといった子ブログには、更新用のユーザーを複数作成し運用しています。店舗ページは、自由に追加・削除ができるよう子ブログの「エントリー」で作成しています。ほぼ全ての項目をカスタムフィールドで構築しているので、隅々まで編集可能になっています。


店舗ページ


店舗詳細ページ


店舗に所属するスタッフの情報は、エントリーのカスタムフィールド ではなく親ブログのカスタムフィールドにより管理者が管理しています。こうすることで、サイト全体で横断的に情報を共有できるようにしました。(店舗とは別の「スタッフブログ」でも情報を取れるように。) スタッフの登録内容は、名前など基本的なものの他に、スタッフの個性を表現する「カラー」が設定できます。


管理ボックス


スタッフ登録の管理画面


Google アナリティクスと連携した「スタッフブログ」

店舗スタッフが更新するスタッフブログは、コンテンツマーケティングとして力を入れる目玉コンテンツ。前述のブログのカスタムフィールドを使用し、記事とスタッフを紐づけられるようになっています。エントリー数が大量にあるので、検索性を高めるためにタグとスタッフ名で記事を検索できるようにしています。また、Google アナリティクスとの連携により、「アクセスランキング」を表示し、注目度の高い記事への誘導を強化しています。




動画の掲載も簡単な「お客様の声」

ロゴスホーム様の施主のインタビューをまとめたコンテンツ「お客様の声」では、写真・テキストだけでなく、動画を埋め込めるようにしています。


動画インタビュー


詳細ページ


デザイン性のあるページが作れる「施工事例」


ロゴスホーム様の魅力的な住宅を伝える「施工事例」。写真とキャプションを設定できることはもちろん、事例の雰囲気に合わせて「背景色」を選ぶことができます。シンプルな管理画面でなるべく簡単に、デザイン性のあるページを作成することができる仕組みにしました。


施工事例の管理画面。背景色は5色の中から選べます。


一覧ページ


詳細ページ


Shoesfit.com

Shoesfit.comは、株式会社村井様が運営するフットケア製品ブランドです。 株式会社村井様は、昭和6年に創業した歴史のある総合靴関連製品メーカーで、「足もとから人々の健康で、快適な生活づくりに貢献する。」という企業理念をもとに、企画から、研究開発、製造、販売までを一貫して行っています。婦人用革靴の主要部品は国内シェア60%以上を確保しており、その中でもShoesfit.comは、足の悩みにお答えし、解決するための商品を多数展開しています。

ユーザーが検索しやすいよう、カスタムフィールドで商品情報を細かく設定

Shoesfit.comの商品は、80種を超える多彩なラインナップを扱っています。ユーザーが商品を探しやすいよう、その特徴や利用シーンなどをカスタムフィールドで細かく設定。カスタムフィールド検索により、様々な条件(靴の種類、足の悩みや利用シーンなど)で商品が検索できるようになっています。検索結果には画像付きで表示されるので、実物のイメージがしやすくなっています。


細かく設定できる管理画面


画像付きでわかりやすい検索結果


ちなみに、管理画面もクライアントが登録・更新しやすいよう工夫をしています。商品一つひとつは、エントリーで管理しており、新商品が登場したり商品に変更があった場合でも、クライアント自らで対応できます。入力欄をチェックボックスやセレクトボックスにすることで、リテラシー高くない担当者でも簡単に商品を追加・修正・更新ができるようにしています。


管理画面:商品紹介のエントリー

公開画面:商品詳細


ユーザーに合った商品が見つかる「商品比較」

Shoesfit.comの商品ラインナップは多彩で、サイトで商品検索を行っても類似商品が並ぶ場合があります。その中でも自分にぴったりな商品はどれなのか、さらに見つけやすくなる機能として「商品比較」を実装しました。比較したい商品をチェックし、様々な項目・商品スペックを横並びで比較することができます。


商品比較はチェックするだけでできます

見比べやすい比較結果


足の悩みを解決するオリジナル診断コンテンツ

Shoesfit.comには、足の専門家として、足の健康を通じ社会の役に立ちたいという想いがあります。

そのため、ユーザーにより興味を持ってもらえるよう作成したコンテンツが「足裏先生の問診」と「アイテムサーチ」です。どちらも、ゲーム感覚で気軽に診断ができ、結果ページにはおすすめの商品がピックアップされています。ピックアップされる商品は、商品紹介と紐づけられているため管理がしやすくなっています。


足裏先生の問診


講座「シューズフィットアカデミー」のタイムテーブルも簡単入力


シューズフィットアカデミーでは、足の悩みを解決するために靴販売店や靴メーカー、フットケアや靴調整に興味のある方を対象とした少人数講座を行っています。 より簡単に更新ができるよう、講座のタイムテーブルは「テーブルユニット」を利用し、Excelで管理された講座情報(時間や詳細)の登録を簡略化しています。a-blog cms テーブルユニットのExcelから表をそのままコピーしてペーストできる機能を活用しています。


管理画面:タイムテーブルの入力欄


公開画面:タイムテーブル


お試し環境の用意はおまかせ!
a-blog cms のテスト環境を30日間無料でお試しいただけます