PROPOSAL / 2026.05

juho.net リニューアル ご提案

日本語 / 英語 / 中国語 WordPress 採用 レスポンシブ 占いアプリ世界観の継承
REAL-TIME · LIVE

松田樹峰先生について(参考映像)

先生の人柄と世界観を、リアルタイム映像でご確認いただけます。リニューアル設計では、この空気感をサイト全体に反映いたします。

REAL-TIME · LIVE
松田樹峰先生 リアルタイム映像
先生の佇まいから感じ取れる世界観を、デザインで再現してまいります。
PROJECT PREMISE

プロジェクト前提条件

本リニューアルでは、技術的な土台と多言語展開、そして松田先生の世界観の3つを軸として再構築いたします。

WordPress 化
現行サイトはCMSなしの静的構成。お知らせ・セミナー等の更新運用に必要な箇所をCMS化し、自走可能な構成にします。
3言語対応
日本語・英語・中国語の3言語に対応。中国語については文字密度・フォント選定を含めた個別調整を行います。
占いアプリ世界観の継承
現在開発中の占いアプリ及び紹介LPのデザイン体系を踏襲。サイト・アプリ間で一貫したブランド体験を実現します。
CURRENT SITEMAP

現状の juho.net サイトマップ

リニューアル前の現行サイト(juho.net)の構造を整理しました。要件定義フェーズで「移植する/移植しない/新規追加する」を本マップをベースにすり合わせます。

主要 10 ページ+下層セクション
英語版あり(中国語は新規)
CMS未使用(全て静的HTML)
外部占いプラットフォーム連携多数
juho.net / TOP
プロフィール
/profile.html
経歴・占い歴54年
活動・メディア掲載
占術のご紹介
/divination.html
24時間宿命宮占い
手相修正(整形)
幸運12方位カラー占い
講座・セミナー
/school.html
東京表参道スクール
大阪梅田カルチャースクール
占師養成コース
ナニワの母 婚活セミナー
メディア情報
/media.html
TV出演・雑誌掲載
書籍紹介
樹峰の門下生
/pupils.html
門下生プロフィール
開運グッズ
/goods.html
宿命「時間」占い
手相修正de開運
未来樹風水関連書籍
事務所概要
/office.html
所在地・連絡先
アクセス
後援会
/suporter.html
松樹会のご案内
入会方法
ENGLISH 版
/juho-e/index-e.html
英語版TOP(現行あり)
各下層ページ要点訳
中国語版 NEW
/zh/index.html (新設)
中国語版TOP(新規制作)
主要ページ翻訳展開
お問い合わせ
/contact.html
入力フォーム
06-6789-8631
外部連携
外部URL(参照)
うらないワールド
goo / Yahoo / 楽天 占い
主要ページ(移植・リニューアル対象)
下層セクション
多言語版(中国語は新規)
ESTIMATE RANGE

概算費用レンジ(参考)

本セクションは「現行サイトをそのままフルリプレイスした場合」の参考概算です。要件定義前の机上見積もりであり、このまま請負契約することは弊社として推奨いたしません。理由は下段の注釈をご覧ください。

NOT RECOMMENDED
弊社として推奨いたしません
下記は 「フル構成で全部つくる前提」 の参考値です。発注先のグレードや構成の絞り込み次第で 100 万円以下〜340 万円 と大きく振れますが、いずれも構成見直しによる圧縮余地が大きいため、要件定義の準委任を通じて適正化することを推奨します。
NOT RECOMMENDED
TIER A / HIGH QUALITY
ハイクオリティデザインチーム構成
大手・中堅クラスのデザインチームを起用し、確実な品質と運用支援まで担保する構成
概算費用
300340万円
  • 大手・中堅クラスのデザインチームを起用
  • 占いアプリ世界観の精緻な反映が可能
  • 確実なスケジュール・品質担保
  • 3 言語対応の運用支援も含む
NOT RECOMMENDED
TIER B / COST OPTIMIZED
クオリティを抑えた構成
発注先のグレードを抑え、フリーランス・小規模制作チームを中心に据えた構成
概算費用
150200万円
  • フリーランス・小規模制作チームを起用
  • テンプレート活用・標準的なデザイン水準
  • 品質・スケジュールのバラつきリスクあり
  • 運用支援はトレードオフとなる
NOT RECOMMENDED
TIER C / LEAN
簡易構成
最小コストでの構築を優先する構成。弊社でも 10 〜 20 ページ規模で 100 万円以下の構築経験は一応ございます
概算費用
100万円 以下
  • 標準テンプレート・既製コンポーネント中心
  • 多言語は AI 翻訳サービス活用が前提
  • デザインのこだわりは最小化
  • 機能要件を最小限に絞り込んだ場合の構成
本案件で進める場合の注意点:弊社に過去実績はあるものの、本案件で進めるにあたっては安価なコーダーを新規で探す必要があります。弊社の通常体制は当社から発注実績のあるメンバーで構成しているため、本構成では通常体制よりも品質・進行のリスクが上がります。
KEY INSIGHT

Tier 間で金額が大きく振れる主因は デザイナーの選定 です

本案件の総工数のうち、デザイン制作の人日が最も大きな比重を占めます。そのため、どのレベルのデザインチーム/デザイナーをアサインするかによって、最終的な費用感が大きく変動するのが本質的な構造です。

デザイン制作 約 60%
実装・コーディング 約 25%
進行管理 約 15%
▲ 工数構成比のイメージ(Tier A 構成ベース)
弊社の進め方

ベンチマークを定め、最適なデザイナーをアサインします

  • 松田先生の世界観に合う「目指すべきベンチマークサイト」を要件定義フェーズで決定
  • そのベンチマーク水準を実現できるデザイナーを弊社の検証済み人材プールからアサイン
  • 過剰品質によるコスト超過 / 不足品質による再制作の両リスクを未然に回避
  • 結果として、目指す品質に対して過不足のない費用感に着地させる構造
OUR VALUE

弊社が 介在する価値 / 確実なリソースを既存のお客様へ

弊社では、過去の発注プロセスを通じて品質・進行・コミュニケーションの三軸で実績を積み上げたメンバーのみを、既存のお世話になっているお客様にアサインしております。Tier C のように新規にコーダーを探す構成と比較して、ミスマッチのリスクを根本から下げられる点が、弊社が介在する最大の価値です。

01
弊社が直接発注 / 品質を一次検証
新規メンバーには一度弊社が直接発注し、納品物・進行・対応の品質を実地で検証。検証に通った人材のみが、次のアサイン候補となります。
02
検証済み人材を既存顧客にアサイン
既存のお世話になっているお客様には、検証プロセスをクリアした人材のみをあてがいます。新規開拓案件の不確実性を、既存顧客に持ち込まない構造です。
03
ミスマッチを防ぎ / 確実なリソースを提供
案件と人材の適合性を弊社側で事前に見極めるため、進行途中での「想定品質と違った」「コミュニケーション齟齬」といったミスマッチを未然に防げます。
弊社の推奨:いずれの Tier も「フル構成で全部つくる前提」での参考値です。本案件はページ構成の取捨選択・移植ページの精査・新規ページの絞り込みを行い、最適な構成に向けて金額感を圧縮していくことが望ましいと考えております。そのためにも、要件定義は既存の占いアプリ月額枠(準委任)で進めるのが最も合理的です。詳しくは「弊社からのご提案」セクションをご覧ください。
COST STRUCTURE

費用内訳のご案内(Tier A:ハイクオリティ構成)

前述の Tier A(ハイクオリティデザインチーム構成)の内訳です。最低ライン・上限の2つのシナリオで、それぞれのご提示金額の構成をご確認いただけます。デザイン費の言語別内訳はクリックで展開します。

最低ライン構成
上限構成
項目内容金額
デザイン制作 14ページ × 3言語 の設計・制作 220 万円
日本語デザイン 14P(TOP / 主要ページ / 標準ページ / フォーム)150 万円
英語サイト展開 7P(レイアウト調整)30 万円
中国語サイト展開 7P(フォント選定・レイアウト再構築)40 万円
実装・コーディングWordPress化・3言語実装・レスポンシブ対応(AI 支援開発を活用)70 万円
進行管理・要件調整要件整理・スケジュール管理・松田先生との調整・リリース対応50 万円
概算ご提示金額(最低ライン)約 300 万円
項目内容金額
デザイン制作 14ページ × 3言語 の設計・制作 220 万円
日本語デザイン 14P(TOP / 主要ページ / 標準ページ / フォーム)150 万円
英語サイト展開 7P(レイアウト調整)30 万円
中国語サイト展開 7P(フォント選定・レイアウト再構築)40 万円
実装・コーディングフル工数(最大3人月相当・要件未確定リスク織り込み)150 万円
進行管理・要件調整要件整理・スケジュール管理・松田先生との調整・リリース対応80 万円
概算ご提示金額(上限)約 340 万円
WHY THE RANGE

なぜ「幅」をもってご提示するのか

本案件は20ページ規模・3言語・WordPress化と、相応のボリュームがあります。特に以下2点が金額幅の発生要因となっています。

FACTOR 01
実装手法・期間のバラつき
  • 最低ライン:2 〜 3 週間相当
    AI 支援開発を活用し、コンテンツ配置を中心とした効率的な実装が可能なシナリオ
  • 上限:最大 3 人月相当
    WordPress プラグイン精査・サーバー設定・リリース作業まで含めた堅実シナリオ。20ページ・3言語の品質担保を優先
同じ要件でも、実装手法の選択により所要期間は大きく変動します。要件定義の中で、品質と納期のバランスを松田先生とすり合わせます。
FACTOR 02
要件未確定箇所のリスク
  • 翻訳プラグインの相性問題
    WordPress 翻訳プラグインは管理画面で作成したページに対しての翻訳が基本。静的ページとは相性が悪く、外部翻訳サービス(WOVN / Shutto / phrase 等)の併用検討が必要
  • 移植・新規ページの範囲
    現行ページのうちどれを移植し、新規ページを何枚追加するか。要件定義で確定
  • CMS化範囲・フォーム要件
    お知らせ・セミナー等の更新箇所と、コード編集が必要な範囲の切り分け
これらは「要件定義」フェーズで確定する事項です。確定後に上限側の不確実性が解消されます。
OUR RECOMMENDATION

弊社からのご提案

★ 弊社推奨アプローチ
要件定義は、現在占いアプリでいただいている月額の工数内で完結させます。
本リニューアル向けの追加契約・追加費用なしで、要件定義(準委任)を進められる構造です。これにより、リニューアル契約自体は「デザイン」「コーディング」のみの段階見積もりに分けてスリム化でき、要件確定により工程の不確実性も解消されます。松田先生の世界観を丁寧に詰める時間も、月額枠の中で確保いたします。
PHASE 1
実装(リニューアル本体)
WordPress構築・3言語対応・コーディング・レスポンシブ対応・リリース作業。要件確定後の確実な実装。
本契約スコープ
PHASE 2
公開後 / 運用伴走
公開後のコンテンツ更新支援・運用設計・継続的な改善。占いアプリと一体での運用伴走へ。
月額枠に戻す
PHASE 0 ESTIMATE
準委任での 要件定義 期間の目安

ボリュームの増減にもよりますが、要件定義部分の稼働時間の目安は以下の通りです。本工数は、現在占いアプリでいただいている月額の工数内に収めて実施いたします(追加費用は発生しません)。※ デザイン制作の工数は本目安には含みません(別途確保)。

TOP・メニュー等の
キーページ
10 〜 15時間
1 ページあたり
その他のページ
(下層・標準ページ)
2 〜 4時間
1 ページあたり
TOTAL
40 〜 60時間
= 5 〜 7.5 営業日分
OUR COMMITMENT
この要件定義は 占いアプリの月額枠内 で完結させます。本リニューアル向けの追加契約・追加費用は発生しません。
追加費用 ¥0
上記は要件定義(サイトマップ確定・移植ページの取捨選択・新規ページ設計・CMS化範囲・翻訳方針の決定)に充てる時間目安です。デザイン制作(Figma作成・修正)の工数は本目安には含まれず、要件確定後に別途確保いたします。
STAGED ESTIMATION
2 段階の段階見積もりで、概算よりさらに費用圧縮の余地

準委任で要件定義を行った後、デザインとコーディングは 別々のタイミングで個別に見積もり を行う流れとなります。それぞれの工程の確定情報に基づいた精度の高い見積もりとなるため、今回の概算(フル構成前提)よりも結果的に費用が圧縮される可能性を残せます。

要件定義
準委任 / 月額枠
サイトマップ・移植範囲・新規範囲を確定
デザイン
見積もり
1 回目
確定要件をベースに精緻な費用提示
デザイン制作
確定契約
Figma で世界観を反映したデザインを制作
コーディング
見積もり
2 回目
確定デザインをベースに実装費用を提示
実装 / 公開
確定契約
WordPress 構築・3 言語・公開まで
段階見積もりのメリット:要件・デザインの取捨選択を経た上での実費見積もりとなるため、今回お示しした概算(フル構成前提)よりも圧縮の余地を残せます。「最初にフル概算を確定させる」アプローチよりも、準委任 → 段階見積もりの方がトータルコストの最適化につながるのが、弊社がこの進め方を推奨する最大の理由です。
ALTERNATIVE

代替案:AI フル活用での圧縮

参考までに「デザインからコーディングまで全てAIで構築する」アプローチについても触れさせてください。費用面の魅力がある一方、世界観の表現には固有のリスクがあります。意思決定の選択肢として、ご検討材料にしていただければと思います。

AI - FULL APPROACH
デザイン〜コーディングを全てAIで構築する場合、
費用は相当安くなる見込みです。
通常アプローチ
300万円〜
人の手による設計・実装
AI フル活用
50〜100万円台
構成次第ではそれ以下も
※ AI 活用の場合は確定見積もりではなく、現時点での目安レンジです。要件・品質要望により変動します
AI 活用の現状
技術的には実用段階に入りつつあるが、正確な見積もりはまだ提示できない

デザインからコーディングまでをAIで構築する手法は、本案件のような構成であれば大幅な工程圧縮が見込めます。一方で、現時点では成果物の品質ばらつきや反復回数の予測が困難なため、確定的な見積もりまでは提示できないのが実情です。

  • First View 動画も含めて AI で生成可能(テキスト指示から動画生成まで)
  • コーディングも自然言語からの自動生成で大半をカバー
  • 翻訳は3言語ともAI翻訳サービスを併用
  • 反復修正のサイクルが速いため、デザイン調整のターンアラウンドが短い
弊社試作JUHO.NET
弊社が AI で試作した
松田樹峰先生サイト トップページ案
juho.net AI トップページ デモ
juho-net-full-renewal-mock.pages.dev
松田先生の世界観をモチーフに、AIでデザイン・実装したトップページ。AIフル活用時の到達点をご確認いただけます。
参考事例REFERENCE
AIで First View 動画〜デザインを
全て構築した参考デモ
seedance 2.0 demo
seedance-2-0-demo.vercel.app
First View動画含めデザインを全てAIで構築した参考デモ。技術的な可能性をご確認いただけます。
リスク:松田先生の世界観の表現精度・満足度の担保

占術家としての松田先生固有のブランド世界観を、AIだけで細部まで反映させるのは現時点では困難です。AIは「それっぽい仕上がり」までは速く到達しますが、世界観の細部・色彩感・余白・タイポグラフィなど、人の手による設計・調整が不可欠な領域があります。「完成度の保証」が必要な本案件では、リスクを念頭に置く必要があります。

弊社見解
以上の理由から、要件定義とデザインについては準委任で進める方が良いと考えております。世界観を確実に反映するため、人の手による設計を中心に据え、AIは作業効率化の補助として組み込む構成を推奨します。
PERSPECTIVE

ご参考:サイト予算をどう考えるか

サイトに投じる予算の判断について、弊社自身の事例を判断材料としてお伝えいたします。「どこまでサイトに役割を持たせるか」によって、適切な投資額は大きく変わります。

現在の弊社サイト
40 万円
約 20 ページ / 創業期に制作
目的:名刺代わり「とりあえずあれば良い」
創業期の判断として、コストを抑えて簡易的に構築。集客機能は最小限で、サービス紹介と問い合わせ動線のみに役割を絞っております。
peaceflat.com →
VS
今後リニューアル予定
200〜300 万円
2 年間の継続運用込み
目的:B2B 経営者向けの本格集客基盤
船井総研さんのような、中小企業経営者向けにコンサル系の役務を提供していくモデルを目指し、サイトを集客の中核に据える計画です。サイト基盤だけでなく、その中身となるコンテンツ発信に本腰を入れて取り組みます。
業界別 AI 活用事例
セミナー告知・運営
継続的コンテンツ発信
弊社代表 片川 個人の見解
サイト経由の集客を本格的に行いたい場合は、それだけの予算を投じる価値があります。一方、単なる名刺代わりのサイトであれば、そこまでの投資は必要ありません。

サイト経由で集客を行うには、サイト基盤の整備に加えて、セミナーの積極開催マーケティングによる集客強化を継続的に積み上げていく必要があります。弊社の場合は前者のモデルを目指しているため、自社サイトに数百万円規模の投資判断をしておりますが、判断は「サイトに何を担わせるか」次第と考えております。
REFERENCES → 弊社セミナー一覧(Luma) 船井総研さん(参考モデル)
NEXT STEPS

次のステップ

本ご提案にご納得いただけましたら、以下の流れで進めさせていただきます。

STEP 1
要件定義(準委任)
既存月額枠の中で、必要ページ・新規ページ・CMS化範囲を確定。
STEP 2
デザイン見積もり / 制作
1 回目の見積もり提示 → Figma でデザイン制作 → 松田先生と世界観を確定。
STEP 3
コーディング見積もり / 実装
2 回目の見積もり提示 → 実装契約 → WordPress 構築・3 言語対応・公開。
DEMO MOCK