トップ / つくったもの / お手元顧客管理(個人営業CRM)
お手元顧客管理(個人営業CRM)

課題個人で営業していると、誰にいつ何を送ったかが記憶とメモアプリに散る。次に打つ手が決められない。
自分の役割データ設計・画面設計・実装・認証と権限設計・公開・運用まで 1人。
期間2026-05-03 着手。本番稼働中(2026-09-20 時点で HTTP 200 を確認)。
結果
- 2026-05-03 着手、以後 本番稼働
- Next.js + Supabase + Vercel
- 全テーブルで行レベルセキュリティを有効化
学んだことデータベースを開けたまま公開するのが一番こわい。テーブルを作る手と、アクセス制限を書く手を同じ作業にした。
リンクサイトを見る
なぜこの見た目・構成にしたか
作っているときに決めたことを、決めた理由ごと書いています。
ブランドカラーを作らなかった
色は無彩色の1軸だけにし、色が付くのはステータスの印だけ、と決めた。毎日開いて数字を読む道具なので、覚えやすさより読みやすさを取っている。
先に「やらないこと」の一覧を作ってから実装した
紫から青へのグラデーション、すりガラス、大きな角丸、絵文字、浮き上がるホバー。ありがちな装飾を着工前に禁止事項として並べ、実装中ずっとその表を見ながら作った。
管理画面に大きな見出し領域を作らなかった
開いた瞬間に持ってほしい印象を「きれい」ではなく「速そう・読みやすそう」と決めた。飾りの見出しで1画面分の高さを使うのをやめて、その分だけ情報を上に詰めている。