UI/UX大幅改善 - カテゴリシステム構築

実験の数が増えてきて、ホームページがごちゃごちゃになり始めた。ただリストで並べているだけだと何が何だかわからないので、2025年8月18日にカテゴリシステムを作った。

Table 1

カテゴリは、ライフスタイル、生産性、ビジネスといった具合に分けた。最初は12個に分けたけど、ちょっと多い気もする。

ホームページには、グループごとに開いたり閉じたりするトグル機能があったけど、かえって複雑になったので外した。一目で見える方がいい。「Roadmap」を「Journey」に変えたときは、カードのサイズ調整でCSSをかなりいじった。

01ハマったこと

Tailwindのレスポンシブbreakpointでカードのレイアウトが崩れる問題があった。原因はgridの設定。モバイルで確認せず、デスクトップだけ見ていたのがいけなかった。コンポーネントの構造もだんだん複雑になってきて、整理が必要そうだ。

結局、複雑に作っちゃダメだと改めて感じた。シンプルにしたら、かえって見やすい。一人で開発しているから判断が早いのはいいけど、逆に言えば、間違った判断を止めてくれる人がいないということでもある。