名古屋市中区栄にある宗次ホールは2007年に開演したクラシック専門のコンサートホールです。 リニューアル前のサイトはCMSが導入されておらず、コンサートのチラシデータ等をサーバーに直接アップして更新されており、コンサートホールのサイトは日々の情報発信が多いのですがメンテナンス性が非常に悪く、サイト運用負荷が高い状態になっていました。 サイトのメンテナンスやタイムリーな情報発信を誰でも可能にするため、a-blog cms を導入いたしました。

メンテナンス性とタイムリーな情報発信

チラシ画像のアップとPDF表示

コンサートホールの日々の更新業務には、送られてくる公演のチラシデータをサイトにアップするという作業があります。公演のチラシには、表面と裏面があり、裏面は文字が多いことが一般的です。 そのため、表面は画像でも良いのですが、解像度などによっては可読性が悪くなったり、印刷対応なども考えて、サイト上では、チラシ画像をクリックするとPDFが開き、表・裏を閲覧できるようにしました。

管理画面では、登録時に表示用の画像とPDFファイルをメディア機能とカスタムフィールドでアップできるようにしました。また、どのPDFを添付したか分からなくなるため管理画面からもPDFへのリンクボタンを実装しました。

---

管理画面：公園チラシの画像・PDF挿入

---

公演チラシPDF

＜コロナウイルスの影響による臨機応変な対応を可能に＞

今回、コロナウイルスの影響にて、ほとんどの公演が中止となる想定外の自体が起こりました。 公演中止や緊急的な内容のニュースは、「大切なお知らせ」としてサイトのトップに表示させるようにしておりましたが、公演中止の数が多く、サイトトップが全ての「大切なお知らせ」で埋め尽くされ、必要な情報が届かない状況になりました。

運営スタッフの方々が工夫をし、サムネイル画像に「公演中止」と入れることで、分かりやすく表示することができました。また、サイトトップを埋め尽くしていた「大切なお知らせ」は公演単位ではなく、公演中止一覧情報を１記事にまとめ簡潔な表示を可能にしました。　運営スタッフの方々の素晴らしいアイデアのおかげで、予想していないケースでも柔軟に対応できました。

---

トップページの大切なお知らせ

---

チラシ画像を加工

公演中止が分かりやすくトップページに表示される

◆ノンプログラムで拡張性

運営側からコロナウイルス対応の情報をまとめて発信するため、専用の一覧ページが必要とのご相談があり、該当のページをノンプログラミングで作成しました。 簡単なHTMLの修正作業などは発生していますが、下記のように新しくプログラムは書いていません。

＜作成方法＞

• 既存のテーマ内に、コロナ対応用のフォルダ（=URL）を作成
• イベント用で使っているエントリーのテンプレートをコピー
• エントリーテンプレートの中の文言等を変更
• 管理画面からお知らせのカテゴリに、「新型コロナ対応」のカテゴリを作成
• 関連するニュースを、「新型コロナ対応」のカテゴリに変更
• エントリーサマリーのモジュールを追加し、一覧を表示

a-blog cms の特徴であるノンプログラミングの利点で、迅速に作成ができ、タイムリーに情報発信ができます。

作成したコロナ対応ページ

管理画面のカテゴリ一覧：「新型コロナ対応」カテゴリを追加した図

管理画面のモジュール作成がめん：エントリーサマリーモジュールの設定

◆チケット購入リンクと販売状況の更新

コンサートチケットは、コンサートによって取扱店が違います。宗次ホールの場合、「宗次ホールチケットセンター」「チケットぴあ」「名鉄ホールチケットセンター」の３箇所があります。 リニューアル前は、オンラインでのチケット購入希望者は、「チケットぴあ」や「名鉄ホール」のサイトにて、Pコードやイベント名などで公演を探してから購入する状態でした。今回、カスタムフィールドで外部サイトの該当ページリンクの入力欄を用意することで、購入希望者は探すという手間を省き、エンドユーザー側のユーザビリティーの向上やコンバージョンアップに寄与できるようにしました。

公開画面：チケット情報

管理画面：チケット情報の入力欄

公開画面：完売にチェック後、「完売」ラベルが表示される

最後に

顧客がウェブサイトに期待する主な目的は、売上の増加、集客の増加、ブランド認知、信頼・信用などが考えられますが、すべての起点は情報発信です。その情報を発信するという点で、ユーザビリティはとても重要です。「サイトを実際に見る人は誰か？」「顧客のターゲットユーザーは誰か？」「運用する人は誰か？」など、それぞれの利用視点を持って、サイトを制作する前に考えると色々なアイデアが出ると思います。それらを実装して、日々、運用しやすいプラットフォームを提供することで、情報発信ができ、更に今回のコロナウイルス対応など予想していないケースでも臨機応変に対応できます。　 CMSを選択する上で、開発したら終わりではなく、運用後に出てくる改善要望などへの対応も考えることも重要だと思います。そのような部分でa-blog cmsは、最適なCMSと実感しております。

サイト制作の目的

山旅ツアーの紹介サイトを制作しました。これまではお客様自作のカタログと、会社の公式サイトで集客をしていましたが、高齢者に山旅が非常に人気があり、県外の方もこの新潟の会社が企画しているツアーに参加しているなど、非常に需要の高い商品であることから、より集客強化につながるよう公式サイトを立ち上げました。

高齢者の申込みが多いことから、複雑なデザインにはせず、文字を大きくし各誘導ボタンにはアイコンをつけて、回遊しやすくするなどの工夫をしました。

検索機能を活用

ツアー検索ページではエントリーで管理している各ツアーのカスタムフィールドに入っている情報で、ユーザーが参加したい条件に絞って検索ができるようになっています。さらに、ツアー検索ページから申し込みボタンを押すと、申し込むツアーが指定された状態でフォームの入力ができるようになっているため、単純な操作でユーザーは申し込みができるようになっています。

見た目のわかりやすさも工夫

集客強化したいツアーにはサムネイル画像の右上に「おすすめ」ラベルを設定でき、また管理画面上で写真と文章を設定するだけでトップページに大きなバナーが自動生成されるように工夫しました。ユーザーの操作性・利便性を十分に考慮しながら、アピールしたいことは余すことなく情報を掲載できるようになっています。

お客様の声

お客様からは「非常に管理しやすくなった」「ツアーの最新情報を掲載しやすくなった」「ユーザーからわかりやすくなったという声をいただいた」と、非常に喜んでいただいております。

制作側としては、a-blog cmsはこのようなツアー紹介サイトに、大変適していると実感しています。 特に、以下のような点でマッチしていました。

• カスタムフィールドを活用することで検索機能を充実させることができるので、膨大な情報量でもユーザーにとっての利便性を工夫できること
• 商品（ツアー）の登録方法を非常に簡易にできるので、ウェブの知識のないお客様でも管理しやすいこと
• カスタムフィールド＋ユニットで、それぞれにツアーの魅力を十分にPRできる（表示の工夫ができる）こと

★地元の新聞にも掲載されました

今回の制作経験を活かし、他の業界のサイトでも、ユーザーにとって・お客様にとって活用しやすいサイトをたくさん世の中に広めていきたいと思います。

約3,500棟の施工実績を誇る住宅メーカー「ジョンソンホームズ」が運営する、お庭づくりや外構を提案するブランド、さっぽろガーデンライフ。住宅会社にしかできない提案力を持っており、お客様の暮らしに合わせた提案はもちろん、住まいに合った外構づくりを目指しています。また一貫したサポート体制やアフターフォローを万全にし、お客様に寄り添ったお庭・外構づくりを進めていきます。

カテゴリーとタグを組み合わせた「お庭事例」

お庭づくりや外溝工事を希望されるお客様は、既に「どこを工事したいか」が決まっている場合がほとんどです。施工事例を絞り込む際も「自分の希望と同じ施工ポイントがあるかどうか」を参考にしたいはずです。そのため、検索機能としては「施工ポイント」から絞り込める機能を実装しました。「デザイン別で探す」はカテゴリー機能、「施工ポイントで探す」にはタグ機能を利用しています。タグはクライアント側で自由に増減が可能なので、事例のバリエーションが増えても問題がないような作りにしています。

お庭事例の写真はカスタムフィールドグループで登録することができ、公開画面ではスライド形式で画像を複数表示することができます。画像リサイズに関する校正オプションを使用し、写真は自動でトリミングされます。

---

施工事例の管理画面

---

公開画面

運用を楽にするイベントフォーム

さっぽろガーデンライフは、お庭作りに興味がある人向けに、相談会やキャンペーンを定期的に開催しています。イベントの詳細画面には、イベントの参加受付が可能なように「フォーム」を設置できるようにしています。フォームはカスタムフィールドをつかって条件分岐し、ブラウザ上からクライアント様が表示／非表示を切り替えられるようになっています。 さらにこのフォームは、自由に会場を設定できるパターンと、決まった会場から選択できるパターンが管理画面から選べるようになっています。

イベントの管理画面：（上）自由に会場を設定できる　（下）デフォルトの会場を設定できる

また、イベントによっては、決まった日程で数日開催するものや長期的に開催するものがあります。 イベントに申し込みたいユーザーが適切に日程を選ぶことができるように、日程を指定することができます。イベントフォーム上でも、指定した日程のみを選ぶ仕組みです。

a-blog cmsと、拡張機能の「Form2Entry」を活用して、社内コミュニケーションに使えるプラットフォームを構築しました。

ヘルツでは業務終了後に日報を提出し、メンバー間でリソース状況や案件進行上の問題を共有しています。作業報告だけでなく、日々の気付きや身の回りのトピックスも書くことで、それに対していいね！を付けたり、コメントをやりとりしたり、社員間のコミュニケーションを取るうえで、重要な存在になっています。

これまでは拠点やチームにより、メール、Backlog、サイボウズOfficeを使用していましたが、大量の情報が「埋もれる」「検索できない」といった問題がありました。また、書くまでの手続きが煩雑だったり、双方向コミュニケーションに向かないといった問題がありました。

---

サイボウズOfficeで「報告書」を使用した日報は最新情報欄に通知される

---

報告書は１ページずつ発行され、コメントやいいね！などのコミュニケーションが可能

---

Backlogでの日報の運用は、課題やコメントが大量にならないようにちょっとした工夫が必要

SlackやTeamsなどのチャットツールも検討しましたが、今後の検索性や拡張性を考えて、a-blog cmsと、拡張機能の「Form2Entry」を使ってこれらの問題を解消したサイトを構築しました。

a-blog cmsの標準機能を使って実装

フォーム投稿画面

フォームから日報を投稿すると、Form2Entryによりエントリーとエントリーのカスタムフィールドとして管理画面に格納されます。本文は a-blog cms に標準で備わっている、テキストをMarkdown形式で出力する校正オプションを使い、馴染みの深いフォーマットで入力できるようにしました。（さらにBacklogの課題番号は自動的にリンクが貼られるように工夫しています。）

---

投稿がエントリー一覧に格納される

---

エントリー編集画面でカスタムフィールドを変更可能

コメントについてもエントリーで保存されているため標準機能で搭載ができました。入力欄を最小限にすることで、チャットツールのように投稿できるようにしました。

---

コメント投稿画面

---

メントはコメント管理で管理可能

投稿者の顔写真や名前はユーザ管理と紐付いており、写真の差し替えが可能です。表示画面上ではUser_Profileモジュールを使って実装を行いました。

---

ユーザ管理画面

---

ユーザ管理画面詳細

a-blog cmsの拡張性

a-blog cms はキーワード検索や、ソート、絞り込みが実装しやすいシステムなので、実装の幅が広がります。

今後、同様の仕組みを使って、簡易的なプロジェクト管理やフォーラムなどの機能なども実装し、社内ツールとして積極的に活用していきたいと思います。

お客様の運用に合わせ、制作者が運用しやすい作りに。

もちやさんは、ご家族で経営されているラーメン屋さんです。 ウェブサイトのコンテンツは少なく、お客さまが行う更新は「お知らせ」「もちやブログ」「良子さんの手相観」になります。

それ以外のコンテンツは、変更の予定が少ないことから、お客さまで更新作業をする予定はありません。変更がある時は、ご連絡いただくという形になっています。

更新が少ないページはHTMLで

お客様が作業をしないページはHTMLでページを制作し、制作者にとって作業しやすいように構築しました。

HTMLで組みつつも、a-blog cmsの機能を利用

テーマは、「@extends」や「@include」を使い、ヘッダーやフッターなど、共通パーツの読み込みを行っています。

また、フォルダとファイル名をCMSの構造と合わせると任意のHTMLファイルを読み込んでくれるので、管理画面の構造と合わせてHTMLファイルを作っています。

HTMLで組みつつも、a-blog cmsの必要な機能を利用するようにすることで、スピーディな納品を実現できました。

HTMLで組んでいるページ：おしながき

機能の取捨選択の自由度が高いことも、a-blog cmsの魅力。

中小企業や商店などのウェブサイトでは、コンテンツの量が少ないことがあります。 しかし、一部のCMSでは、お客様のご要望をカバーしきれないことがあります。そういった場合は、a-blog cmsをご提案しています。

必要な機能を必要な分だけ使えるという、自由度が高い点も a-blog cms の魅力だと感じています。

サイトオーナー様のご感想

昨年12月にGazi工房様に依頼しHPをリニューアルいたしました。 「当店で扱っているものが、ラーメン、ピザ、弁当、手相と全く関連性のないものばかりですが、テーマに沿ったHPを作成していただき、大変見やすくまとまりのあるHPになった」と、お客様からのうれしい声が届きました。 ブログも書きやすく（もう少し慣れないといけないのですが笑）SNSとも連動しているので扱いやすく感じております。