← プレビュー一覧に戻る
PR #163: ポイント表示の見やすさ向上
週末に500件以上の問い合わせに対応するため、SP版のポイント表示を改善しました。
1. トップページのポイント表示帯
ポイント数を赤文字・太字に変更し、回答数を追加しました。
Before（変更前）
変更前
After（変更後）
変更後 ✨ 🎉アイコン ＋ 縦並びレイアウト
🎉
未交換のポイント
1,234 pt
回答数: 56 件
2. ポイント履歴ページに黄色帯を追加
ページ先頭に統一デザインの黄色帯を追加しました。
Before（変更前）
変更前
ポイント履歴
現在の山田太郎さんのポイント履歴は以下のとおりです。
After（変更後）
変更後 ✨ 🎉アイコン ＋ 縦並びレイアウト
ポイント履歴
🎉
未交換のポイント
1,234 pt
回答数: 56 件
現在の山田太郎さんのポイント履歴は以下のとおりです。
3. ポイント交換ページに黄色帯を追加
ページ先頭に統一デザインの黄色帯を追加しました。
Before（変更前）
変更前
ポイント交換
1ポイントは1円として換算して、下記の内容で交換できます。
After（変更後）
変更後 ✨ 🎉アイコン ＋ 縦並びレイアウト
ポイント交換
🎉
未交換のポイント
1,234 pt
回答数: 56 件
1ポイントは1円として換算して、下記の内容で交換できます。
4. ポイント交換確認ページに黄色帯を追加
ページ先頭に統一デザインの黄色帯を追加しました。
Before（変更前）
変更前
ポイント交換～申込み～
申込み内容の確認をしてください。
After（変更後）
変更後 ✨ 🎉アイコン ＋ 縦並びレイアウト
ポイント交換～申込み～
🎉
未交換のポイント
1,234 pt
回答数: 56 件
✅ 改善のポイント
- ✅ 🎉 縦並びレイアウト採用（スマホで見やすく、情報の階層が明確）
- ✅ アイコン追加（視覚的に目立ち、お祝いの雰囲気）
- ✅ ポイント数を赤文字・特大サイズ（30px）に変更（一目で認識可能）
- ✅ 回答数を追加表示（情報の充実）
- ✅ 主要ページすべてに統一デザインの黄色帯を追加（一貫性）
- ✅ SP版でどのページからでもポイントが確認できる（利便性向上）
関連