💻 システム開発

2026-06-16_TERASU_FS商談マニュアル_デザイン改修

最終更新 2026年06月16日 / 31_システム開発部/2026-06-16_TERASU_FS商談マニュアル_デザイン改修.md

TERASU FS商談マニュアル デザイン改修(2026-06-16)

1. デザイン階層再設計(07:37)

大串FB「デザインがガチャガチャ。読む本文と注意点・意識する所の区別がつかない」→ 情報階層を再設計。

変更内容(style.css + source.html mind)

  • 新コンポーネント追加: .point(要点=白太字+オレンジ縦線)/.card.key(重要カード=淡いオレンジ地)
  • mind「意識すること」「クロージング基本姿勢」を highlight連発 → .point構造へ作り替え(要点/本文を視覚分離)
  • 全13ページ即効: 表thのオレンジ→中立(surface2)/.say(トーク台本)オレンジ→中立/.callout.tip→沈め(warnのみオレンジ維持=警告だけ際立つ)
  • テキスト修正: ①「HP業界で一番…信じ切る」→「心の底から伝える」 ②括弧→改行

デプロイ

  • backup: terasu-fs-manual_2026-06-16_0737_post-design.tar.gz
  • 直接prod(FS=営業担当向け業務マニュアル・公開HPではない)
  • 本番確認: https://terasu-fs-manual.pages.dev/mind

2. 目次ブロック削除+サイドバーHP外部リンク追加(09:35)

  • 大串FB: ①サービス概要の「目次(タップで各ページへ)」ブロックを丸ごと削除 ②左サイドバーに「HP」→ terasu.scale-group.co.jp へ遷移
  • gen.py修正: toc_top()差し込み停止 / sidebar()末尾に「公式サイト > HP」外部リンク(target=_blank)追加 → 全13ページ反映
  • backup: terasu-fs-manual_2026-06-16_0935_toc-hp.tar.gz

3. 目標(受注率)ページ修正(09:40)

  • 大串FB: ①「アポ数×受注率」カード+「受注率を上げる5つの打ち手」callout を丸ごと削除 ②ランク別目標受注率テーブルの「イメージ」列削除(2列化) ③「なぜ受注率をここまで追うのか」本文を刷新
  • 新方向性: TERASUは品質×金額のコスパが業界最良→薄利多売モデルゆえ受注率が高くないと成り立たない→コンペでも毎回圧倒して勝ち切る前提
  • backup: terasu-fs-manual_2026-06-16_0940_goal-edit.tar.gz

残タスク(任意・横展開)

  • mindを見本に他セクション(about/s3/goal等)のhighlightリード段落も.pointへ揃えると全面統一
  • CSSの「沈め」は全13ページ反映済み

関連ノート