ノート一覧へ
🔧開発
UI/UX大幅改善 - カテゴリシステム構築
2025年8月18日
4分
実験を体系的に分類してホームページを再構成した。カテゴリシステム構築、Journey to Unicornにリブランディング。
今日は一日中UIをいじり倒してた。
実験の数が増えてきて、ホームページがごちゃごちゃになり始めた。ただリストで並べてるだけだと何が何だかわからなくなってきたから、カテゴリシステムを作った。
🔄 今日やったこと
1. アプリカテゴリ分類
ライフスタイル、生産性、ビジネスなどに分類
各実験にカテゴリバッジをつけた
最初は12個に分けたけど、ちょっと多い気もする
2. ホームページ再構成
5つのグループにまとめて表示するように変更
トグル機能があったけど、逆に複雑になったから削除
一目で見える方がいい
3. Journey to Unicornリブランディング
「Roadmap」→「Journey」に変更
カードサイズの調整でCSSをかなりいじった
💡 ハマったこと
Tailwindのレスポンシブbreakpointでカードレイアウトが崩れる問題があった。grid設定の問題だった。モバイルで確認せずデスクトップだけ見てたのが原因。
コンポーネント構造がだんだん複雑になってきて、整理が必要そう。
結局、複雑に作っちゃダメだってことを改めて感じた。シンプルに作ったら逆に見やすい。一人で開発してるから判断が早いのは確実にメリットだ。
#UI/UX#カテゴリ#React#TypeScript#デザインシステム