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

お手元顧客管理(個人営業CRM)

Web アプリ(自社運用中)

お手元顧客管理のログイン画面
課題個人で営業していると、誰にいつ何を送ったかが記憶とメモアプリに散る。次に打つ手が決められない。
自分の役割データ設計・画面設計・実装・認証と権限設計・公開・運用まで 1人。
期間2026-05-03 着手。本番稼働中(2026-09-20 時点で HTTP 200 を確認)。
結果
  • 2026-05-03 着手、以後 本番稼働
  • Next.js + Supabase + Vercel
  • 全テーブルで行レベルセキュリティを有効化
学んだことデータベースを開けたまま公開するのが一番こわい。テーブルを作る手と、アクセス制限を書く手を同じ作業にした。
リンクサイトを見る

なぜこの見た目・構成にしたか

作っているときに決めたことを、決めた理由ごと書いています。

  1. ブランドカラーを作らなかった

    色は無彩色の1軸だけにし、色が付くのはステータスの印だけ、と決めた。毎日開いて数字を読む道具なので、覚えやすさより読みやすさを取っている。

  2. 先に「やらないこと」の一覧を作ってから実装した

    紫から青へのグラデーション、すりガラス、大きな角丸、絵文字、浮き上がるホバー。ありがちな装飾を着工前に禁止事項として並べ、実装中ずっとその表を見ながら作った。

  3. 管理画面に大きな見出し領域を作らなかった

    開いた瞬間に持ってほしい印象を「きれい」ではなく「速そう・読みやすそう」と決めた。飾りの見出しで1画面分の高さを使うのをやめて、その分だけ情報を上に詰めている。

← つくったもの一覧に戻る