ホームページの制作・トラブル解消ならお任せ! 岡崎市のホームページ制作 Studio fRee
制作実績クライアントワーク

パン教室Leaf 様

パン教室Leaf 様
このサイトの主な仕様
LINE
LINE問い合わせボタンを設置
SEO対策
キーワードの選定・各種施策
スマホ対応
スマホで最適化されて表示
ブログ
サイト内にブログを設置
メールフォーム
メール問い合わせフォームを設置
写真撮影
こちらで撮影した写真を使用
構造化マークアップ
構造マークアップ対応
自分で更新
WordPressで簡単更新
電話対応
電話をかけるボタンを表示
担当業務
SEO対策
メタタグ、タイトルタグ、OGPタグなどの内部対策を施工
コーディング
HTML, CSS, JavaScript, PHP のコーディング
サーバー設定
サーバーの設定(WordPressインストールやメールアカウント開設など)やサイトの引っ越し作業
デザイン
サイトのデザイン(全体 or 一部)
企画
サイトのコンセプトやキャッチコピー作り、何を打ち出すかなどを話し合いながら決定
使い方指導
WordPressの使い方、記事を書くコツなどの指導
写真撮影
サイトに必要な写真を撮影

岡崎市にある「手ごねパン教室Leaf」様のホームページです。

グリーンとブラウンをベースに温かみのある色調のデザインとしています。トップページは大きな写真を表示(ヒーローイメージといいます)して興味を持ってもらうようにデザインしています。見出しなど細かい部分のデザインにパンを取り入れてパンに興味がある方が見たくなるようにデザインしています。

また、Instagramを頻繁に更新しているということなのでInstagramフィードを表示できるようにしています。

パソコン版
パン教室Leaf 様 パソコン版トップページ抜粋画像
スマホ版
パン教室Leaf 様 スマホトップページ抜粋

技術的ポイント

毎月のパンの管理

パン教室Leaf 様では毎月レッスンするパンが変わります。それをできるだけシンプルな方法で追加したい、という要望がありました。

そこで、カスタム投稿タイプ・カスタムフィールド・カスタムタクソノミーを使って、下記のようなフローで管理できるように制作しました。

  • カスタム投稿タイプでパンを追加
    カスタムフィールドを使って追加するので迷わず作業できます。
  • パンを提供する年月をタクソノミーで指定

この作業だけで、最新の2ヶ月分はトップページに自動的に表示され、ページ下のメニューにも追加されます。

スケジュール管理

生徒さんの予約方法は次のようなフローになっています。

  • ホームページのカレンダーで空き状況を確認
  • メールかLINEで予約

これに対してクライアント様の要望は次のようなものでした。

  • 予約の受付は自動ではなく手動で管理したい
  • 生徒さんがカレンダーでパッと見て予約の空き状況を確認できるようにしたい

特に予約管理システムを導入する必要はなかったので、予定カレンダーを表示する機能を備えたMy Calendar というプラグインを使ってデザインを調整しています。



ホームページでお悩みなら!

ホームページのことなら制作から既存サイトの改造、リニューアルまでなんでもお任せ下さい。
親切/丁寧をモットーに対応させていただきます。