0%
MENU
  1. Top
  2. Works
  3. ZEN-Shin

ZEN-Shin

理学療法士・マインドフルネス指導者として活動されている八木大貴 様（ZEN-Shin）の個人向けLP新規制作を、要件定義・ディレクション・デザイン・実装・公開対応まで弊社で一貫して担当させていただきました。

目次

プロジェクト概要 (Overview)

理学療法士・マインドフルネス指導者として活動する八木大貴様（ZEN-Shin）の個人向けLP（ランディングページ）を新規制作いたしました。既存サイトはtoB（法人向け）の構成であったため、同サイト内に個人向けのLPを新設し、オンラインセッションへの申し込み導線を構築いたしました。

クライアントの課題・背景 (Challenges & Background)

既存のzen-shin-bbat.comは法人・団体向けのサービス構成に特化しており、個人でボディーワークや瞑想セッションを探す方への訴求が不十分でした。ターゲットである「頑張りすぎて疲れが抜けない方」「自分らしさを見失っている方」に届く言葉とデザインで、新しい接点をつくることが求められておりました。

提案内容・アプローチ (Our Solutions)

新規ページ（/personal/）として、既存WordPressサイトにtoC向けのLPを組み込む形でご提案いたしました。主な提案内容は以下の通りです。

  • コピー設計：「誰かの役に立たないといけない」というプレッシャーを抱えたビジネスパーソンに刺さる言葉を軸に設計いたしました。ポジティブな活力アップではなく、ネガティブ解消・人生の質向上を訴求しております。
  • CTA設計：公式LINE登録を唯一のCTAとして設定いたしました。LINEのリッチメニューから体験セッション申し込みへ誘導するフローを構築いたしました。
  • ターゲット訴求：「こんな方へ」セクションにジグザグ（左右交互）レイアウトを採用し、読者がそれぞれの言葉を自分ごとに捉えやすい構成といたしました。

デザイン・実装のポイント (Key Features)

  • 余白を多く取ったミニマルなデザインで、疲れた方が「落ち着ける場所」と感じる雰囲気を演出いたしました
  • フォントはGrape Nuts（デコ英字）/ Cormorant Garamond（英数）/ ヒラギノ明朝（日本語）を組み合わせ、和の繊細さとアカデミックな信頼感を両立させました
  • スクロールフェードイン（IntersectionObserver）・ナビゲーション縮小・スクロールラインなどのアニメーションで、読み進める体験を設計いたしました
  • 理学療法士・健康経営アドバイザー・マインドフルネス学会員など資格をリストトップに配置し、専門性への信頼を確保いたしました
  • PC・SP（768pxブレークポイント）の両対応を実施いたしました

担当領域・制作情報 (Project Scope)

クライアント八木大貴様（ZEN-Shin）
担当領域 要件定義 / ヒアリング / WFデザイン / UI/UXデザイン / WordPress実装 / QA / 公開対応
使用技術WordPress（既存サイト組み込み）/ HTML / CSS / JavaScript
制作期間2026年3月〜2026年5月（約7週間）
制作体制弊社にて要件定義および全体のディレクション・監督を行い、実際のコーディング作業は所属するArclareの新人コーダーが担当する体制で進行し、徹底した品質管理を行いました。

関連記事

目次