← プレビュー一覧に戻る
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版でどのページからでもポイントが確認できる(利便性向上)
関連