1. ヘッダー構成
1.1. ログマーク
1.2. 探偵 信所一般社団法人 全国版
1.3. お問い合わせ
1.4. 24時 無料相談 電話番号 フリーダイヤル:0120‐529‐333
1.5. ご案内
1.6. 相談窓口
1.7. 依頼料金について
1.8. 調査依頼の手引き
1.9. フッター構成
1.9.1. ログマーク
1.9.2. 探偵 信所一般社団法人 全国版
1.9.3. 4列×2カラム
1.9.4. copyrightを記載
1.9.5. 項目追加しても破綻しないデザインにする
2. サイト構造
2.1. ・サイト構造は、1カラム ・読みやすさ、利用しやすさ重視 ・トップページのコンテンツは並び替えが可能な仕様 ・基本的に会社ロゴは無く、社名のみの表示で考えています。 (真面目なテイスト) ・電話番号等は、固定でいつでも表示 ・お問い合わせフォームのデザインについては、探偵法人を参考 参考サイト:https://www.tanteihojin.jp/ ・フッター部分については、後から項目を足せるような仕様に ※参考サイト「探偵法人調査士会」と 似たようなテイストにならないようにする
3. メインビジュアル
3.1. メインビジュアル
3.1.1. 真実を知ることの大切さをみなさまに
3.1.2. 今すぐ無料相 モバイル時はTELリンク設置
3.2. お知らせリンクの設置
3.2.1. 1行のテキストリンク
4. セクション1 テキストエリア
4.1. コンテンツ
4.2. 参考リンク
4.3. セクション構成
4.3.1. メインタイトル はじめて利用される方へFOR BEGINNER
4.3.2. パターン1 タイトル 「探偵興信所一般社団法人は 「いつでも」「どこでも」「誰でも」ご利用いただけます」 本文 コンテンツ内容 ・左側に画像、右側にサブタイトルと本文 ・本文中に箇条書きリストを入れる
4.3.3. パターン2 タイトル 「探偵興信所一般社団法人は 「いつでも」「どこでも」「誰でも」ご利用いただけます」 本文 コンテンツ内容 ・左側にサブタイトルと本文、左側に画像
4.4. コード構成
4.4.1. H1_メインタイトル
4.4.2. H2_タイトル
4.4.3. H3_サブタイトル
5. セクション2 総合案内リンクエリア
5.1. コンテンツ
5.2. 参考リンク
5.3. セクション構成
5.3.1. メインタイトル 総合案内
5.3.2. ・一般社団法人の概要 ・探偵興信所(一社)の理念 ・探偵興信所依頼の手引き ・探偵興信所の依頼料 ・取り組みと方針 リンク画像+テキストで並べる
5.3.3. モバイルサイズの場合はスワイプで横スクロールとする
6. セクション3 相談窓口表示
6.1. コンテンツ
6.2. 参考リンク
6.3. セクション構成
6.3.1. メインタイトル お問い合わせ
6.3.2. 電話番号とメールフォームへのリンクバナー ※モバイルサイズの場合はTELリンク
6.3.3. 電話番号の横にメールフォームバナーを設置
7. セクション4 お問い合わせエリア
7.1. コンテンツ
7.2. 参考リンク 探偵興信所一般社団法人
7.3. セクション構成
7.3.1. 左右振り分けで項目を並べる
7.3.2. メインタイトル 「24時無料相談・お見積もりフォーム
7.3.3. キャプション お悩み、困りごと、調べたいことは、 24時いつでも探偵がお答えしております。
7.3.4. ※送信した情報は すべて暗号化されますのでご安心ください。 ※送信後24時以内に回答が無い場合は 0120‐529‐333までお問い合わせください。 ※お急ぎの方は 電話無料相談をご利用ください。
7.3.5. フォーム項目 ・お名前(匿名でも可) ※1行テキスト ・お住まい地域 ※プルダウン ・ご連絡先(携帯または固定相談) ※1行テキスト ・メールアドレス※1行テキスト 補足文「※携帯アドレスはPCからの受け取り可能に設定してください」 ・お調べになりたい事項 ※テキストエリア 補足文「※できる限り詳しくお聞かせください」 ・現時点での情報※テキストエリア 補足文「※今お持ちの情報をお聞かせください」 ・依頼目的、希望・要望、その他 ※テキストエリア ・希望予算 ※1行テキスト 入力欄の右に「円くらい」と記載 ・ご都合の良い時間帯 ※ラジオボタン 補足文「※返答を希望する時間帯をお知らせください」 ※ラジオボタンの選択 ・9:00~12:00 ・12:00~14:00 ・14:00~16:00 ・16:00~17:00 ・17:00~18:00 ・18:00~19:00 ・19:00~21:00 ・指定なし ・今すぐ ・この内容で送信 ※送信ボタン設置
7.3.6. ご都合の良い時間帯の見た目
8. セクション5 テキストエリア
8.1. コンテンツ
8.1.1. 参考リンク
8.1.2. セクション構成
8.1.2.1. メインタイトル はじめて利用される方へFOR BEGINNER
8.1.2.2. タイトル 「探偵興信所一般社団法人は 「いつでも」「どこでも」「誰でも」ご利用いただけます」 サブタイトル 本文 コンテンツ内容 ・指定なし
8.1.3. コード構成
8.1.3.1. H1_メインタイトル
8.1.3.2. H2_タイトル
8.1.3.3. H3_サブタイトル
9. セクション6 調査項目リンクエリア「調査方法」
9.1. コンテンツ
9.1.1. 参考リンク(リンク切れ)
9.1.2. セクション構成
9.1.2.1. メインタイトル 取り扱い調査項目一覧 項目 ・尾行 ※アイコンは足跡 ・張り込み ※アイコンは人物 ・聞き込み ※アイコンは耳 ・証拠収集 ※アイコンは虫眼鏡など ・住所関連 ※アイコンは家など
9.1.2.2. ・固定のリンクを並べるエリア ・アイコン画像と名称の組み合わせにしたい ・見た目は各項目を丸枠等で独立して並べるイメージ
9.1.3. コード構成
9.1.3.1. 各々の項目にidを振る(sec1,sec2,,,など)
10. セクション7 調査項目リンクエリア
10.1. コンテンツ
10.2. 参考リンク
10.3. セクション構成
10.3.1. メインタイトル 調査内容
10.3.2. 項目 ・浮気調査 ・不倫調査 ・結婚信用調査 ・家出調査 ・勤務先調査 ・トラブル解決 ・嫌がらせ対策 ・盗聴器発見 ・ストーカー対策 ・電磁波対策 ・集団ストーカー
10.3.3. サムネイル画像と名称の組み合わせにしたい
10.3.4. 固定のリンクを並べるエリア
10.3.5. 画像はひとまず「no image」アタリ画像でok
11. セクション8 リンクエリア「項目事例」
11.1. コンテンツ
11.2. コンテンツ
11.3. セクション構成
11.3.1. 検索バー 記事を羅列
11.3.2. CMS更新の記事へのリンクを並べるエリア
11.3.3. 絞り込み検索の枠を付けたい 1行テキスト+並び替えプルダウン+検索ボタン その下にハッシュタグリンクを表示
11.3.4. 画像はひとまず「no image」アタリ画像でok
11.3.5. デザイン時点では ・浮気調査3日間の依頼事例と依頼方 ・家出調査1週間の依頼事例と依頼方 の上記2記事
11.3.6. サムネイル画像と名称の組み合わせを タイルのように並べたい
12. セクション9 リンクエリア「職業別事例」
12.1. コンテンツ
12.2. コンテンツ
12.3. セクション構成
12.3.1. 検索バー 記事を羅列
12.3.2. CMS更新の記事へのリンクを並べるエリア
12.3.3. 絞り込み検索の枠を付けたい 1行テキスト+並び替えプルダウン+検索ボタン その下にハッシュタグリンクを表示
12.3.4. 画像はひとまず「no image」アタリ画像でok
12.3.5. デザイン時点では ・医療従事(医師)の婚前調査 ・営業職の業務実態の確認 ・飲食店経営の嫌がらせ対策 ・ネット店舗経営の誹謗中傷対策 の上記4記事
12.3.6. サムネイル画像と名称の組み合わせを タイルのように並べたい
13. セクション10 リンクエリア「調査予算別」
13.1. コンテンツ
13.2. セクション構成
13.2.1. CMS更新の記事へのリンクを並べるエリア
13.2.2. 画像はひとまず「no image」アタリ画像でok
13.2.3. デザイン時点では ・5万円からできる探偵依頼 ・15万円以内で浮気調査 ・30万円からの失踪調査 の上記3記事
13.2.4. サムネイル画像と名称の組み合わせを タイルのように並べたい
14. セクション11 テキストエリア
14.1. コンテンツ
14.1.1. 参考リンク
14.1.2. セクション構成
14.1.2.1. メインタイトル はじめて利用される方へFOR BEGINNER
14.1.2.2. タイトル 「探偵興信所一般社団法人は 「いつでも」「どこでも」「誰でも」ご利用いただけます」 サブタイトル 本文 コンテンツ内容 ・指定なし
14.1.2.3. デザイン自由 他セクションと重複しないようにする
14.1.3. コード構成
14.1.3.1. H1_メインタイトル
14.1.3.2. H2_タイトル
14.1.3.3. H3_サブタイトル
15. セクション12 リンクエリア「FAQ」
15.1. コンテンツ
15.2. セクション構成
15.2.1. CMS更新の記事へのリンクを並べるエリア
15.2.2. 画像はひとまず「no image」アタリ画像でok
15.2.3. デザイン時点では ・探偵依頼方法FAQ ・探偵料金FAQ の上記2記事
15.2.4. サムネイル画像と名称の組み合わせを タイルのように並べたい
16. セクション13 リンクエリア「体験談」
16.1. コンテンツ
16.2. セクション構成
16.2.1. CMS更新の記事へのリンクを並べるエリア
16.2.2. 画像はひとまず「no image」アタリ画像でok
16.2.3. デザイン時点では ・妻の浮気相手の依頼体験談 の上記1記事
16.2.4. サムネイル画像と名称の組み合わせを タイルのように並べたい
17. セクション14 リンクエリア「お知らせ」
17.1. コンテンツ
17.2. セクション構成
17.2.1. CMS更新の記事へのリンクを並べるエリア
17.2.2. 画像はひとまず「no image」アタリ画像でok
17.2.3. デザイン時点では ・2021/5/10 サイト開設のお知らせ ・2021/5/15 緊急事態宣言中の相談受付について ・2021/6/30 夏季休暇のお知らせ の上記3記事
17.2.4. サムネイル画像と名称の組み合わせを タイルのように並べたい
18. セクション15 マップエリア
18.1. コンテンツ
18.2. セクション構成
18.2.1. タイトル 「探偵 信所は全国のご相談に対応しております」 リンク 47都道府県と本部
18.2.2. ※各都道府県別のページへリンクするエリア
18.2.3. ※デザインは踏襲する
18.2.4. ※配置、地図はもう少し小さく
19. セクション16 テキストエリア
19.1. コンテンツ
19.1.1. 参考リンク
19.1.2. セクション構成
19.1.2.1. メインタイトル はじめて利用される方へFOR BEGINNER
19.1.2.2. タイトル 「探偵興信所一般社団法人は 「いつでも」「どこでも」「誰でも」ご利用いただけます」 サブタイトル 本文 コンテンツ内容 ・指定なし
19.1.2.3. デザイン自由 他セクションと重複しないようにする
19.1.3. コード構成
19.1.3.1. H1_メインタイトル
19.1.3.2. H2_タイトル
19.1.3.3. H3_サブタイトル
20. セクション17 バナーエリア
20.1. コンテンツ
20.1.1. 参考リンク
20.1.2. セクション構成
20.1.2.1. バナー画像を並べるエリア
20.1.2.2. ・あなたの街の探偵興信所 ・依頼料お見積もり ・法人向け調査サービス ・初めての方へ ・警視庁 ※警視庁ロゴマークを入れる ・公安委員会 ・弁護士会※ 日弁連ロゴマークを入れる 合計7バナー
21. セクション18 SNSエリア
21.1. コンテンツ
21.1.1. 参考リンク
21.1.2. セクション構成
21.1.2.1. SNSバナーの設置
21.1.2.2. ・公式youtubeチャンネル ・公式Twitter ・公式Facebook 合計3バナー
21.1.2.3. 参考リンクよりもデザインを小さくする
22. セクション19 テキストエリア
22.1. コンテンツ
22.1.1. 参考リンク
22.1.2. セクション構成
22.1.2.1. メインタイトル はじめて利用される方へFOR BEGINNER
22.1.2.2. タイトル 「探偵興信所一般社団法人は 「いつでも」「どこでも」「誰でも」ご利用いただけます」 サブタイトル 本文 コンテンツ内容 ・指定なし
22.1.2.3. デザイン自由 他セクションと重複しないようにする
22.1.3. コード構成
22.1.3.1. H1_メインタイトル
22.1.3.2. H2_タイトル
22.1.3.3. H3_サブタイトル