スピリチュアル関連サイト制作事例

https://famous-cactus-186e70.netlify.app/

プロジェクト概要

制作範囲

企画・ディレクション / 情報設計 / コピー整理 / Webデザイン / フロントエンド実装 / レスポンシブ対応 / 多ページ構成 / 認定講師検索導線設計

使用技術

HTML / CSS / JavaScript / GSAP / ScrollTrigger / レスポンシブデザイン 等

制作戦略

背景と課題

スピリチュアル関連サービスの世界観と、製作ワークショップ、各種講座、認定講師、全国の講師検索など、多岐にわたる情報を初めて訪れる方にも理解しやすく整理することが課題でした。スピリチュアルなテーマでありながら、過度な効果表現に頼らず、19年にわたる活動実績と体験・学びの価値を誠実に伝える設計が求められました。

制作の意図

「誰かに変えてもらうのではなく、自分の力で、生きやすい私へ。」というメッセージを軸に、サービスを知る、活動への信頼を深める、体験内容を比較する、近くの認定講師を探す、という流れを段階的に設計しました。初めての方が迷わず自分に合う入口を選べるよう、情報の優先順位とページ間の導線を整理しています。

デザインの根拠

水晶の透明感と静けさが伝わる写真を大きく使い、余白を活かした落ち着きのあるデザインに仕上げました。世界観に浸れる表現と、数字・講座・講師情報を読みやすく確認できる明快さを両立し、アニメーションは情報理解を妨げない範囲で視線誘導に活用しています。

活用イメージ

独自の世界観を持つスクール、コミュニティ、資格・認定制度、講師ネットワークなど、複数のサービスと多くの情報を一つのブランドサイトで整理したいケースに適した制作例です。ブランドの物語を伝えながら、講座理解や講師検索など具体的な行動へつなげる設計に活用できます。