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

  1. トップ

ブランドサイト

株式会社銭辰堂 仏壇・仏具サイト

1. リニューアルの背景

株式会社銭辰堂様は仏壇・仏具の販売、葬祭ホールを運営している会社です。事業が2つあり、一度にリニューアルできないため、昨年は葬祭ホール、今年は仏壇・仏具のように段階を追ってリニューアルしました。

銭辰堂様は江戸時代に創業した老舗で、大阪市内に自社ビルで常時100本以上の仏壇を展示しています。また葬儀を行うことで仏壇を購入するお客さまもいらっしゃることから、ウェブサイト上で仏壇・仏具を売るのではなく、来店者を増やすことが目標となっています。そのため、ウェブサイトの目に見える部分はオーソドックスな作りになっています。

2. CMSを活用した最新カタログの実現

サイトリニューアルを行う中で、銭辰堂様より印刷用のカタログを作ることができないかという相談を受けました。今までは紙のパンフレットを印刷していましたが、掲載したい仏壇が変わったり、廃番になったりするため、何百部も印刷しても、使い切れないという状態が続いていました。

そこでCMS上に商品のデータを登録することで、最新のカタログをその時にプリントアウトして来店者に渡すことができるようになりました。

3. カスタムカタログの機能と実装

カタログの表示については、商品エントリーに「商品ページに表示」「カタログに表示」というカスタムフィールドを設けることで、どちらに出すかを選べるようにしています。


コラム一覧ページ


カタログには印刷用CSSを当てることで、カタログの表示を実現させています。表紙にはグローバル変数でその日の日付を、最終ページにはその他のサービスと地図・アクセスなどをまとめた画像を配置することで、紙のカタログと同じような機能を果たせるようにしました。

商品の一覧表示にはカテゴリーエントリーサマリーモジュールを使っています。添付のサンプルでは仏壇のみの表示になっていますが、その他の商品も表示させることができます。

今回の実装は単純な一覧表示で十分でしたが、特定の商品カテゴリーだけを印刷するなどのカスタマイズも可能なはずです。


カタログの印刷例


商品の一覧には管理者だけが見える一覧ページを設け、その一覧から商品のデータを編集できるようにしています。



機能的には基本的なものしか使っていませんし、ミニマムの実装で高度なカスタマイズは行っていませんが、クライアントの希望・ビジネスに沿ったものをa-blog cmsで実装できました。

4. リニューアル後の状況

お仏壇はカタログだけで売れるものではないことと、実際に来店した方への参考資料として渡すものなので、リニューアル後間も無いこともあり、売り上げが見える形で上がったわけではありません。

しかしながら、これまでのようにただ公開のみのウェブサイトではなく、さまざまな形で活用できる可能性を感じていただくことができました。それによって更新の頻度や商品の登録が進んだり、今回のリニューアル対象ではなかった葬祭ページの内容についても、社内で議論が行われ新たな要望が出るようになっています。


竹内建設

1. 進化したa-blog cmsでパフォーマンス改善

すでに別のCMSを導入しサイトを運用していた竹内建設様。今回のリニューアルにともない、新たな選択肢としてa-blog cmsを採用いただきました。リニューアルの目標は、新築住宅の集客強化と、ブランディングに合わせたサイトデザインへの大幅刷新です。 まずバージョン3系になり、大きな進化を遂げたa-blog cmsの導入により、サイトパフォーマンスが劇的に向上しました。閲覧者だけではなく管理画面の動作も機敏になり、更新性も高まりました。結果、業務効率の大幅な改善に貢献しました。

2. 新築住宅の集客強化とブランディングに貢献

新築住宅の集客強化とブランディングは、競争が激しい不動産業界において重要な課題でした。私たちはa-blog cmsを選び、その柔軟性と機能性を最大限に活かし、竹内建設様のサービスに寄り添ったカスタマイズを提供しました。

カスタマイズ1:アクセス増とCV増につながるコラム

リニューアル前はスタッフが持ち回りで「スタッフブログ」を展開していました。それをアクセス増やコンバージョンの増加を目的とするコンテンツマーケティングを実現するために「コラム」をa-blog cmsで構築しました。コラムには、いくつかの特徴的な機能を実装しました。

まず、著者情報機能です。コラム記事の最後に、著者情報を明示することができます。この著者情報は、別ブログで管理された「スタッフ」の情報と紐づいています。「スタッフ」のブログでスタッフ情報を編集することで、コラムの著者情報として利用するスタッフの情報も変更することができます。正しい著者情報を表示することで、読者との信頼関係を構築し、ブランドの信頼性と専門性を向上させることができます。


コラム一覧ページ


コラム記事ページ


また、コラムの下部には、いくつかの集客目的のCV導線が自動的に挿入されるようになっております。コラムから流入したユーザーを、効率よくCVにつなげる施策を行なっています。


カスタマイズ2:豊富なカスタムフィールドで魅せるモデルハウスページへ

a-blog cmsを活用してモデルハウスを魅力的に紹介するページを生成しています。魅力的な見せ方を実現するために、a-blog cmsの柔軟なカスタムフィールド機能を多用しました。これにより、ユニークな情報や特徴を簡単に追加し、モデルハウスの魅力を最大限に引き出すことができました。 しかし、カスタムフィールドの多用によって編集画面が複雑になることを避けるためにも注意しました。わかりやすく使いやすい編集画面を提供することで、スタッフや担当者が効率的に情報を更新できるようにしました。a-blog cmsの直感的なインターフェースを活用し、必要な情報の追加や編集が簡単に行えるように配慮しました。


モデルハウス一覧ページ


モデルハウス詳細ページ


より強調したいモデルハウスについては、別途構築するLPへのリンクURLを設置します。こうすることで、サイトとLPを一体化させ、ユーザーを迷わせることなく目的のモデルハウスへ誘導することができます。

カスタマイズ3:便利な組み込みjs「SmartPhoto.js」を活用した施工事例

a-blog cmsの組み込みjsである「SmartPhoto.js」を活用して、施工事例の写真ギャラリーを構築しました。この機能には、運用側と閲覧者側の両方に多くのメリットがあります。 運用側のメリットは、まず簡単な画像管理です。画像のアップロードや配置をスムーズに行えるため、複雑な手順や独自のギャラリープラグインの導入をする必要がありません。また、カスタムフィールドグループを活用することで、ギャラリー内の画像順序の変更や新しい写真の追加も容易に行えます。


施工事例のギャラリー


ギャラリーの編集画面


一方、閲覧者側のメリットは、使いやすいインタラクティブな写真ギャラリーです。SmartPhoto.jsは、閲覧者は直感的に写真を操作することができます。レスポンシブデザインに対応しており、モバイルデバイスであってもフリック操作が直感的で快適に閲覧することができます。


まとめ

総合的に見て a-blog cms の豊富な機能は、運用側と閲覧者の双方にとって使いやすく魅力的なメリットを提供してくれます。運用者には簡単な管理を、閲覧者はインタラクティブなデザインに耐えうるハイパフォーマンスを享受できます。 最後に、飽きることなくサイトを隅々まで見てもらえるよう、写真を「ショート動画」に置き換えた表現を行っております。ぜひ、動画になっている部分を探してみてください。


医療法人社団千仁会

1. 複数の歯科クリニックで構成される、医療法人社団 千仁会様のウェブサイト構築にa-blog cmsを採用

医療法人社団千仁会のWebサイトをa-blog cmsを活用してフルリニューアルしました。もともと静的なサイトで構成されており、変更のたびに更新業務が発生していました。更新自体にタイムラグがでてしまったり、費用的な面でもコストがかかっていました。これらを解消すべく、コンテンツとしての資産を活用しつつ、デザインや機能面を大幅改修。各クリニックのウェブサイトを、リアルタイムで更新可能なa-blog cmsのブログ機能を使い再設計、構築しました。 以下、a-blog cmsを使い構築したメリットを紹介します。




2. 統一性の確保

a-blog cmsのブログ機能を使うことで、各クリニックのウェブサイトが共通のフォーマットで構築されます。これにより、訪問者はどのクリニックのウェブサイトを閲覧しても一貫したデザインとナビゲーションを体験することができます。統一されたデザインは、ブランドイメージの強化やユーザーの信頼感を高める効果があります。




3. コンテンツの一元管理

a-blog cmsのブログ機能を活用することで、各クリニックのコンテンツを一元的に管理することができます。元々、各クリニックが独自にサイトを構築していましたが、情報の整合性がうまく取れていなかったり、表層のデザインがクリニックごとに異なっていました。共通のフォーマットを使用するため、情報の更新や追加が効率的に行えます。また、各クリニックからのお知らせ(最新情報やニュース)も、迅速かつ正確に提供することができます。


クリニックページ


クリニックのお知らせ


4. ターゲットが異なる採用サイトはあえて独立化

一般の患者さんが閲覧しないであろう「採用コンテンツ」は、個別のテーマファイルで作成し、求職者向けに訴求効果の高いビジュアルに分離させることにしました。採用サイトは魅力的なビジュアルと、確かなエビデンスをしっかり伝えるようにし、求職者に強いインパクトを与えます。 各募集要項をエントリーとして管理し、素早く人材確保ができる工夫がされています。


採用サイト


先輩インタビューコンテンツ


まとめ

a-blog cmsは、複数のクリニックを統括するウェブサイトの構築において真価を発揮します。異なるコンテンツを共通のフォーマットに適用し、一貫性のあるページを生成できるため、大きなメリットがあります。また、物理的に離れた場所で運用される場合、統制のないサイト運用は混乱を招くことがありますが、a-blog cmsを使用することで組織内で運用方法が統一され、効率的に運用することができます。


中野会計事務所

1. 歴史と実績ある会計事務所のウェブリニューアル

北海道を中心とした中野会計事務所様のサイトをリニューアルさせていただきました。中野会計事務所様は、創業1962年という歴史と実績がある企業です。会計・税務業務、経営コンサルタント業務をトータルで提供しています。

リニューアル前はこのような悩みをお持ちでした。 - ウェブサイトから新規顧客や採用希望者の問い合わせを増やしたい - コンテンツを整理し、自社の特徴や強みをわかりやすく紹介したい - スマホ対応になっていない - スタッフ情報を更新したい

これらを解決するために、デザインのリニューアルと更新がしやすく機能性があるa-blog cmsを導入しました。

2. デザインの一新と業務効率化

全体的なデザインとしては、歴史とこれまで培った実績を保ちながらも新規顧客を取得できるよう、敷居が高くなりすぎず親しみと安心感があるデザインを作成しました。

インクルードファイル化で効率化

リニューアルにあたり、豊富にあるコンテンツの整理から開始しました。サービス内容を明確にし最後はお問い合わせにしてもらうための導線を取り入れています。 この導線や拠点一覧など同じパーツを数ページに渡り使用しているものはインクルードファイル化しています。一元管理することで業務効率は向上することができました。




印刷機能で企業活動に貢献

リニューアルで改善しようとしたのはウェブサイトだけではありません。企業活動での業務効率やコスト面も改善サポートしています。 セミナーや採用活動の際、会社紹介として印刷物を配布したいというご要望をいただきました。そこでページ内に印刷ボタンを設置し、必要な時に必要な分だけ会社紹介を印刷できる仕組みにしています。ウェブサイトは印刷すると表示が崩れてしまうことがありますが、@media printを利用してレイアウトを整えています。


カスタムフィールドで簡単に募集要項が作成できる採用ページ


採用はフレッシュさがあるテイストで作成


採用ページは、ターゲットに合わせてフレッシュさのあるテイストで作成しています。他のページとテーマファイルを分けて作成し、募集要項はクライアント自身が管理できるようカスタムフィールドで入力項目を用意しました。中途採用と新卒採用どちらも行なっているので、カテゴリーの分岐で表示の出し分けをしています。


カスタムフィールドで入力項目を用意


カテゴリーを利用して中途と採用を出し分けしている


3. スタッフページの管理をサポート

スタッフの情報は入社や資格の取得などによって更新したいタイミングはさまざまです。 そのため、スタッフページはクライアントが自由に更新できる仕組みになっています。カスタムフィールドを使って入力項目を用意してあるので、必要な情報を入力するだけで完成されたレイアウトができます。


スタッフページ


カスタムフィールドを利用した管理画面


5つある拠点ページでは、拠点ごとに所属するスタッフを表示しています。Ver. 2.8.0から利用できるようになったインクルードの記法でスタッフページで登録した内容を拠点ごとに表示できています。


4. セミナー集客にも活用できるメインビジュアル

今後は、セミナーによる集客も考えています。そのために取り入れたのが、トップページにあるメインビジュアルのメディアバナーモジュール化です。これによりクライアントによる編集が可能となりセミナーの告知にも役立てることができます。


トップページのメインビジュアル


メディアバナーモジュールを利用した管理画面


5. 外部システムと連携したコラムの運用

コンテンツマーケティングの一環として、会計、相続、医療業界に向けたコラムを連載しています。連載には外部のシステムを利用していますが、表示にはa-blog cmsのテンプレートを利用して、トップページやコラムページに実装しています。


コラム一覧ページ


コラム詳細ページ


越後長野温泉 嵐渓荘

新潟県三条市の嵐渓荘様は、ミシュランガイド新潟版で2つ星+の宿泊施設として選ばれている格式あるお宿で、昭和初期の料亭旅館を移築した「緑風館」は国登録重要文化財に指定されています。

今回のサイト制作は、新しい客室とお食事場所の完成に合わせてWebサイトもリニューアルしたい、というご相談からスタート。ミーティングで「情報量が多いので、煩雑な印象にならず、わかりやすく利用しやすいホームページにしたい」と伺ったので、お客様が「スクロールするだけで宿の魅力を理解できる」構成を検討。嵐渓荘様らしい魅力がストレートに伝わるサイトを目指しました。

1. 情報の集約

全体的に情報量が多いため、煩雑な印象にならないよう情報を集約。ご年配の方でも迷うことなくご利用いただけるよう、スクロールするだけで欲しい情報を見つけられるシンプルな構成を目指しました。

また「お客様がどのように楽しめるか」が伝わるよう、トップページに「癒し」「アクティビティ」「ワーケーション」の見出しを設置しています。


トップページ


2. 予約までの導線の検討

予約システムはa-blog cmsのシステム外にありますが、a-blog cmsのWebサイトからの宿泊予約につながるよう、各プランの詳細ページから予約システムに移動できるボタンを設置。情報量の多い旧サイトを見ていたリピーターのお客様でも、違和感がない程度にプランの情報量を減らし、よりスムーズに予約まで結びつける流れを作りました。


ご宿泊ページから各プランへ


プラン詳細ページの下部に設置した「ご予約はこちら」ボタンから予約システムへ


3.デザイン性

嵐渓荘様は「渓流沿いに建つ一軒宿」としてテレビドラマのロケ地にも選ばれたお宿でしたので、デザインでも「川」のイメージを取り入れました。メインビジュアルでは川のほとりに佇む建物の写真を使用しています。


メインビジュアル


またユニットについても川に関連したデザインで複数作成。重点をおいて紹介したいコンテンツでは、見出しユニット単体だけでなく、背景画像(グループ設定で選択)とも組み合わせて、デザインにこだわって情報を見せられるように制作しました。


見出し大(中央揃え)ユニット


背景画像(墨)


背景画像(水)


公開後のご評価

現在はお客様にてサイトを更新いただいていますが「問題なく情報の追加・編集ができています」とのお声をいただきました。公開以降、プラン情報ページの内容が増えている様子が伺えますので、今回用意した様々なユニットを使用して、嵐渓荘様の情報発信にご活用いただいているようです。


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