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

  1. トップ

ブランドサイト

やながわ里山農園

1. このサイトの概要

やながわ里山農園は、福島県北部にある梁川町(やながわまち)の自然農・有機農の農園です。 今回は、この農園の情報発信や商品販売のためのサイトをa-blog cmsで制作しました。

2. 公式テーマ UTSUWAを利用してスピーディに制作


クレジットカード決済サービス「Square」と連携できるECサイトテーマ


このサイトは、a-blog cmsの公式テーマの「UTSUWA」を利用しています。 主な機能やデザインはUTSUWAを利用し、カスタマイズが必要な部分を、UTSUWAを継承した子テーマで制作しています。

下の画像は、左がUTSUWAで、右がUTSUWAをカスタマイズした当サイトのテーマです。



記事やカテゴリー一覧を表示するモジュールも、UTSUWAが提供しているものを使いまわす事でトップページをカスタマイズしています。

例えば、トップページに表示している「栽培暦・日誌」のエントリー表示の箇所では、UTSUWAのトップページで利用されている「募集職種」のモジュールに少し手を加えて利用しています。



このモジュールはテンプレートファイルと、モジュールIDの設定を変更しています。

UTSUWAで用意されているモジュールIDの設定は、「採用情報」のカテゴリーのエントリーを表示させるようになっていますが、このテーマでは、任意のエントリーを指定して表示させるようにしています。



コードを書かないでも表示内容を管理画面から変更できるので、カスタマイズも容易でした。

また、サイトの色の変更も、CSS変数を変更することで簡単に対応できました。

3. 制作の感想と今後の展望

UTSUWAテーマは、用途に応じたカスタマイズがしやすい構造になっているため、スピーディにコーポレートサイトを立ち上げるのに適したテーマだと実感できました。

今後は、決済サービスのSquareと連携できるECサイトテーマ「Square」を活用した商品販売機能や、カスタムフィールドや拡張アプリを活用した多言語化も行っていきたいと考えています。


中野会計事務所

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

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

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

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

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

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

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

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




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

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


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


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


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


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


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


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

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


スタッフページ


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


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


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

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


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


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


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

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


コラム一覧ページ


コラム詳細ページ


  • Xでシェアする
  • Facebookでシェアする
  • このエントリーをはてなブックマークに追加
  • Xでシェアする
  • Facebookでシェアする
  • このエントリーをはてなブックマークに追加

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