フォトスタジオ若葉

https://ps-wakaba.com/

フォトスタジオ若葉 スクリーンショット

制作:株式会社Gazi工房

フォトスタジオ若葉さんでは、赤ちゃんの百日祝いや七五三、成人式などの記念写真撮影はもちろん、証明写真や家族写真、シニアまで幅広い撮影メニューを用意しています。かつ、それぞれの撮影メニューの中でコースやプランを設け、さらにオプションやお役立ち情報などを掲載しているているため、コンテンツの整理が課題でした。

この課題を解決し、コンテンツの管理をしやすくするためには、a-blog cmsと相性が良いと考えました。 また、ページ移動しやすく、必要な情報を見つけやすいデザイン・設計を心がけました。

ターゲット毎にブログを用意

赤ちゃんから高齢の方まで幅広い撮影メニューがありますが、顧客層はそれぞれで異なります。 そこで、ターゲット毎に撮影メニューを分類し、子ブログで構築していきました。

ただし、「赤ちゃん」「七五三」「入園・入学・卒園・卒業」「キッズ撮影」「二分の一成人・十三参り」については、ターゲットが保護者になること、かつそれぞれの撮影期間が短いことから、1つの子ブログにまとめ、カテゴリーで撮影メニューを管理しています。(近い将来に予定がある撮影メニューの情報を目に触れやすくするため。)


Root top.htmlの画面下寄りにある「撮影メニュー一覧」


各子ブログごとに専用のナビゲーションを用意

余計な情報を省き、撮影メニュー毎に必要な情報へたどり着けるように、各子ブログ毎にモジュールを用意し、それぞれに適したナビゲーションを用意しました。(以下画像は一部例です。)


子ブログ「赤ちゃん〜お子さま」のナビゲーション


子ブログ「ウエディング」のナビゲーション


撮影メニューに合わせたデザインとメインビジュアル

a-blog cmsは、テーマを継承できるためとても重宝しています。 フォトスタジオ若葉さんでは、撮影メニュー毎にターゲットも写真の雰囲気も変わるため、テーマの継承を利用して、それぞれの撮影メニューに合わせたテーマとメインビジュアルを用意しています。(以下画像は一部例です。)


子ブログ「赤ちゃん〜お子さま撮影」のtop.html

子ブログ「家族写真撮影」のtop.html


子ブログ「成人式撮影」のtop.html

子ブログ「マタニティフォト」のtop.html


カスタムフィールドで、キャンペーン等のチェック項目と、撮影内容を用意

カスタムフィールドを追加し、基本となる項目(料金や撮影内容など)を入力できるようにしました。 管理・運営をしやすく、かつ閲覧者にとっても視覚的にわかりやすくしています。


七五三撮影料金のカスタムフィールド


以下へ、カスタムフィールドについて記載いたします。

キャンペーン・イベント・コラムのカスタムフィールド

エントリーが「キャンペーン」「イベント」「コラム」に該当する場合は、チェックを入れると、それぞれの場所へエントリーが表示されます。


七五三撮影料金のカスタムフィールド:キャンペーン・イベント・コラムのチェック部分


キャンペーン・イベントに該当するエントリーの表示。

コラムに該当するエントリーの表示。(右側)


撮影内容のカスタムフィールド

基本的な情報「料金と内容について」「自由入力」「注意事項」をカスタムフィールドで用意することで、入力の漏れが少なくなり、閲覧者にとってもわかりやすいページとなります。 項目名が決まっている「料金と内容について」内の「内容」はチェックボックスで実装しています。


七五三撮影料金のカスタムフィールド:撮影内容入力。

七五三撮影の撮影内容表示。


ブログ毎にカスタムフィールドを用意

撮影メニューによって「料金と内容について」内「内容」の項目が変わります。 また、必要な入力欄も変わります。

そこで、ブログ単位でカスタムフィールドを作り分けています。

以下画像は、証明写真撮影のカスタムフィールドです。 七五三撮影のカスタムフィールドと違い、「料金」の下に「料金についての補足」を追加し、「内容」を証明写真の項目に合わせています。


証明写真撮影のカスタムフィールド。

証明写真撮影の「スタンダードプラン」の表示。


プロジェクトに a-blog cms を採用した理由、採用してよかったこと

a-blog cmsを採用した理由

  • 以前からa-blog cmsを使用していたため、サイトオーナー様が更新に慣れていること。
  • コンテンツの管理がしやすくなること。
  • テーマの継承で、効率的に作業を行えるため。
  • 将来の運営も考えて構築できるため。(撮影メニューの増減や、子ブログ同士のエントリーの関連付けなど)

採用してよかったこと

コンテンツの管理、運営が楽になりました。 フォトスタジオ若葉さんのサイトで一番嬉しいところは「テーマ継承」です。撮影メニュー毎にイメージや掲載したい写真が違うため、それぞれにテーマの用意が必要ですが、基本となるテーマを継承することで、変更点のみの作業で構築できました。 カスタムフィールドをブログ毎に用できるので、撮影メニュー毎に増減可能な点がとても嬉しいです。

サイトオーナーの感想

ホームページをナチュラルなイメージにしていただいたことで、弊社のお客様(特に女性) から好評です。 リニューアルしてすぐに新規のお客様から続けてご予約が入ったので、動機やきっかけを お聞きしたところ、「ホームページが見やすく綺麗だったので」とか「毎朝通勤途中で見ていて 知っていましたが、写真やHPの雰囲気が良さそうだったので決めました」というお話でした。 写真館ということで、お客様はどんな写真を撮ってもらえるか、どんな雰囲気の写真館なのか 関心があるようです。写真をたくさん掲載するのももちろんですが、全体のイメージも女性の 心に響くよう柔らかい雰囲気を大事にしていければと思います。

制作会社紹介

株式会社Gazi工房

そのほかの制作事例

チェック済みのものは過去に訪問した制作事例になります。未訪問の制作事例もみてみましょう!

a-blog cmsの詳細はブランドサイトへ

本ページに掲載されている制作事例は a-blog cms というCMSを使って制作されています。
a-blog cms について詳しい情報を知りたい場合はブランドサイトをご覧ください。

こんな方はブランドサイトへ!

  • a-blog cms ってどんなCMSなの?
  • どんな機能が揃ってるの?
  • 導入したいけど、どうすればいい?

ブランドサイトへ