노트 목록으로
🔧개발
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#디자인시스템