自然の恵みを学ぶ講座の魅力を発信し教室への一歩を後押しするWEBブランディング|BOTANICALGRACE8様(東京都)

CLIENT OVERVIEWクライアント概要
BOTANICALGRACE8様は、植物が持つ豊かな力や自然の恵みを日常生活に取り入れ、心身ともに健康で美しいライフスタイルを提案されている教室を展開する企業様です。オーガニックやナチュラルな暮らしに関心を持つ方々に向けて、専門的な知識と実践的な技術を学べる多彩な講座やワークショップを企画・運営していらっしゃいます。受講生一人ひとりの日々の暮らしに寄り添い、植物を通じて内側から溢れる癒やしと自分らしい豊かな時間を届けることに情熱を注がれている、大変魅力的な教教室様。
※詳細はサイトを参照してください
基本情報
| 法人名 | BOTANICALGRACE8(ボタニカル グレイス 8) |
|---|---|
| 業種 | 学校・教育 |
| エリア | 東京都 |
| URL | https://botanicalgrace8.com |
OUR APPROACH制作アプローチ
ご要望
新しく様々な講座を開催するにあたり、それぞれの講座が持つ独自の特徴や他にはない魅力をWEB上で分かりやすく紹介したいという熱い思いをお持ちでした。植物療法や自然の力に関心がある多くの方々にサイトを見つけてもらい、興味を深めていただくことで、最終的には「この教室で学んでみたい」「実際に教室へ足を運んでみたい」と思って通っていただけるような、温かみと集客力を兼ね備えたWEBサイトにしたいというご要望をいただきました。
課題
これまで自社のホームページを立ち上げたご経験がなく、WEBサイトの制作において何から手を付ければよいのか、どのような準備を進めていけばよいのかが全く分からないという原点の部分で深く悩まれていました。また、伝えたい講座の魅力や発信したい情報が非常に多くある中で、初めてのWEB制作ゆえに情報の優先順位や見せ方の整理がつかず、形にするための具体的なステップが見出せない状態にありました。
コンセプト
ハーブや植物などの自然の恵みを愛するオーガニック志向のターゲット層に深く響くよう、全体のデザインやレイアウトの調和に徹底的にこだわりました。視覚的な心地よさとナチュラルな美しさを大切にしながら、受講を検討している方が迷わずに知りたい情報へアクセスできる分かりやすい構成を目指し、教室の持つ優しく温かい空気感をそのまま画面上に表現することをテーマとして掲げました。
作業基本情報
SCOPE OF WORK対応範囲
企画・要件定義フェーズ
プロジェクトの土台づくり・方向性決定
- 要件定義
- 制作進行・ディレクション
- コンテンツ整理・導線設計
- サイトマップ
情報設計・UX設計フェーズ
使いやすさ・構造を設計する工程
- ワイヤーフレーム
- UI/UX設計
- レスポンシブ設計
デザイン・クリエイティブフェーズ
見た目・ブランド表現を形にする工程
- デザイン提案
- デザイン/複数案制作
- コピーライティング
- 素材選定
- AI画像生成
- 写真撮影
- ロゴデザイン
- ロゴデザイン/複数案制作
- 動画制作
- アニメーション制作
実装・開発フェーズ
サイトを実際に構築する工程
- コーディング
- CSS設計
- パララックス実装
- WordPress構築
- スクラッチ開発
- コンタクトフォーム7実装
- 検索機能の実装
品質向上・最適化フェーズ
成果・安全性・速度を高める工程
- SEO初期対策
- 構造最適化
- 表示速度・パフォーマンス最適化
- セキュリティ対策
- アナリティクス計測環境構築
- SearchConsole環境構築
テスト・公開フェーズ
リリース前後の最終工程
- テスト・検証
- 校閲
- 公開作業(リリース対応)
- ドメイン取得代行
- サーバー取得代行
- サーバー・ドメイン初期設定
- ドメイン移管
- サーバー移管
- データ移行
納品・運用引き継ぎフェーズ
公開後を見据えたサポート工程
- 納品パッケージ
- 運用設計・更新フロー設計
- 操作レクチャー/引き継ぎ
- 更新マニュアル
- メールアドレス設定
DESKTOP DESIGNデスクトップデザイン(PC)
MOBILE DESIGNモバイルデザイン(SP)
PROJECT COMMENTARY制作側コメント
今回の新規製作において、私たちはクライアント様が抱える「初めてのWEB制作への不安」を解消し、伴走者として共に歩むことを何よりも大切に進行いたしました。伝えたい想いや情報が非常に豊富であったため、ご予算の範囲内で最大限の効果を生み出せるよう、まずは情報のトリアージとWEBサイト全体の骨組みとなる動線設計を綿密に行いました。
制作の現場では、HIROGARU側が担う専門的なデザインやコーディング、機能実装の領域と、クライアント様側でご用意いただく大切な写真や講座テキストといった素材準備のタスクを明確に切り分け、お互いの役割を整理しながら進めました。デザイン面ではターゲット層の感性に寄り添う色彩と余白を意識し、コーディング面では各講座の魅力がスムーズに伝わる構造を追求しています。
初めての作業に戸惑われる場面もありましたが、クライアント様が諦めずに素材集めや原稿作成に努力を重ねてくださったおかげで、進行中の課題を一つひとつ丁寧に解決することができました。最終的には、当初の不安を完全に払拭し、機能性と温かみのある美しさが両立した、これからの教室の成長を支える強固なWEB基盤を実装することができました。
TESTIMONIALお客様からの声
ホームページの制作に関する知識が右も左もわからない状態からのスタートだったため、最初は本当に完成するのか不安でいっぱいでした。しかし、担当さんが一からとても丁寧に進め方を説明してくださり、細かな疑問にもその都度分かりやすくアドバイスをいただけたことで、安心して最後までお任せすることができました。私たちの想いや教室のこだわりを深く理解し、プロフェッショナルな視点で形にしていただいたおかげで、想像以上に素敵で温かみのあるホームページになり、心から感謝しております。
※お客様からのコメントは読みやすいように再構成して掲載しております。






