노트 목록으로
🔧개발
UI/UX 대대적 개선 - 카테고리 시스템 구축
2025년 8월 18일
4분
실험들을 체계적으로 분류하고 홈페이지를 재구성했다. 카테고리 시스템 구축, Journey to Unicorn으로 리브랜딩.
실험 수가 늘어나니까 홈페이지가 뒤죽박죽이 되기 시작했다. 그냥 리스트로 쭉 나열하니까 뭐가 뭔지 모르겠어서, 카테고리 시스템을 만들었다.
🔄 오늘 한 것
1. 앱 카테고리 분류
라이프스타일, 생산성, 비즈니스 등으로 나눔
각 실험에 카테고리 배지 붙임
처음엔 12개로 나눴는데 좀 많은 것 같기도 하다
2. 홈페이지 재구성
5개 그룹으로 묶어서 보여주게 변경
토글 기능이 있었는데 오히려 복잡해져서 제거
한눈에 보이는 게 낫더라
3. Journey to Unicorn 리브랜딩
"Roadmap" → "Journey"로 바꿈
카드 크기 조정하느라 CSS 한참 만졌다
💡 삽질한 것
Tailwind 반응형 breakpoint에서 카드 레이아웃이 깨지는 문제가 있었는데, grid 설정 문제였다. 모바일에서 확인 안 하고 데스크탑만 보고 있었던 게 원인.
컴포넌트 구조가 점점 복잡해져서 정리가 필요해 보인다.
결국 복잡하게 만들면 안 된다는 걸 다시 느꼈다. 단순하게 만들었더니 오히려 보기 좋다. 혼자 개발하니까 결정이 빠른 건 좋은데, 반대로 잘못된 결정을 막아줄 사람이 없다는 뜻이기도 하다.
#UI/UX#카테고리#React#TypeScript#디자인시스템