Works制作物

制作範囲：

企画立案 / ワイヤーフレーム制作 / ロゴマーク制作 / デザインカンプ制作 / WordPress実装（Emanon Free子テーマ） / コーディング / ライティング構成・監修（AI活用） / お問い合わせフォーム設置・reCAPTCHA設定

制作期間：

2025年10月6日〜11月17日
約6週間（43日間）で設計・デザイン・実装・検証までを完了

使用ツール：

• Adobe XD：ワイヤーフレーム・デザイン設計
• WordPress（Emanon Free 子テーマ）：CMS構築・テーマカスタマイズ
• Shortcodes Ultimate：タブメニューの実装
• Contact Form 7：お問い合わせフォーム構築（ラジオボタン・ドロップダウン・reCAPTCHA対応）
• Google Maps埋め込みコード：スタジオ案内に使用
• Simple Custom CSS & JS：CSS・JSの追加調整
• Code Snippetsプラグイン：PHPの追加処理

※写真素材：フォトAC

※イラスト：イラストAC

※ロゴマーク：Adobe Stock

※ライティング：Microsoft Copilotを活用し、構成・表現を調整

概要

Ananda Yogaは「内なる喜び」をテーマに、サンセットオレンジとテラコッタを基調とした温かく精神性のある世界観を持つヨガスタジオです。トップページでは、蓮の花や朝日のモチーフを活かしながら、初心者から上級者まで幅広い層に向けたレッスン情報と、安心感のあるスタジオ空間を丁寧に伝えられるように工夫しました。

ターゲット層

• 心身のバランスを整えたいと願う女性（20〜60代）
• 育児・仕事・介護などで忙しい日常を送る方
• 初めてヨガを体験する方、または静かな環境で深めたい方
• 地域密着型のスタジオを求める神奈川県在住者（鎌倉・藤沢エリア）

目的

• 地域に根ざしたヨガスタジオを想定し、利用者と運営者の双方にとって信頼感のある情報発信の場をデザインする
• レッスン紹介や会員の声、講師の想いを通じて、ヨガの価値や多様な関わり方を伝える構成を実践する
• 活動の目的や意義を明確に伝えることで、スタジオの世界観と理念が自然に伝わる設計を目指す

情報設計の工夫

• レベル別レッスン分類（初心者〜上級者＋特別ケア）を明確に表示
• 時間帯別のニーズに応じたレッスン選択肢を設置
• タブメニューで「最新記事」「イベント」「キャンペーン」「スタッフブログ」を企業風に整理
• お問い合わせフォームは選択肢を視覚的に整理し、迷わず送信できる構造に

サイト全体