KPI 数値付き事例

このパーツの使いどころと実装ポイント

この「KPI 数値付き事例」は、導入事例ごとに売上前年比や CVR 改善率といった成果指標を大きな数字で見せる実績パーツです。grid-template-columns:1fr 1fr の 2 列でカードを並べ、各カードは業種ラベル（+248% のような数値を Georgia 系セリフ書体・font-size:32px で強調）と、その下の小さな指標名で構成。1 案件につき複数の数値を flex で横並びにでき、成果が一目で伝わります。

向いている場面

数字で語れる実績を持つ BtoB サービスや、EC 支援・広告運用・SEO・クリニック集客など、改善率を訴求点にできる事業に向きます。営業資料や提案書、サービスサイトの実績セクションで「具体的にどれだけ変わったか」を示し、検討者の信頼を得たい場面に最適です。

カスタマイズと注意点

• 数値は 計測期間や定義をそろえると誠実です（前年比なのか導入後 3 か月なのかを脚注で補うとなお良い）。
• 1 カードあたりの数値は 2 つ程度が読みやすく、増やしすぎると 1 つの大きさが活きません。
• 業種を伏せたい場合でも EC / アパレル のようにカテゴリだけ出すと匿名性と説得力を両立できます。
• 2 列はスマホでは 1 列に折り返す設計です。数字のフォントサイズが大きいので桁が多い値でも崩れないか確認してください。