"AI 티"를 줄이려고 한국 웹 어워드 수상작 3,600곳을 재 봤습니다

AI로 앱을 만들면 기능은 금방 나오는데, 화면이 다 비슷해 보입니다. 제가 만들고 있는 COLOR / OS는 이 문제를 업종별 디자인 조합으로 풀어 보는 도구입니다. 앱 소개를 한 줄 적으면 병원·식당·학원·미용·헬스 중 어떤 업종인지, 어떤 분위기인지 읽어서 조합을 추천하고, Claude Code나 Codex가 바로 읽는 React 키트로 내려받게 해 줍니다.

그런데 "좋은 디자인"의 기준을 제가 감으로 정하고 있다는 게 계속 걸렸습니다. 그래서 상을 받은 사이트를 실제로 재 보기로 했습니다.

1. 해외 레퍼런스는 제목이 과장돼 있습니다

첫 화면 제목 크기 중앙값이 한국 수상작은 26px, 해외 갤러리는 60px이었습니다. 해외 사이트를 참고해서 만들면 한국 사이트에서는 제목만 크게 튑니다.

2. 한국 수상작은 글꼴로 차별화하지 않습니다

Pretendard, Noto Sans KR, 시스템 고딕이 대부분이고 명조 제목은 5%뿐입니다. 조합마다 다른 장식 글꼴을 주려던 계획은 접었습니다. 대신 첫 화면 구성, 강조색을 얼마나 쓰는지, 제목 크기로 성격을 나눕니다.

3. 점수가 높은 사이트는 '덜' 씁니다

파이널리스트 359곳의 심사위원 비주얼 점수와 측정값을 맞춰 보니, 버튼 모서리 종류·강조색·카드·바탕색을 적게 쓸수록 점수가 높았습니다. 상관은 약하지만 4년 모두 같은 방향이었습니다. 이걸로 심미성 점수를 만들어, 우리 조합이 기준 아래로 떨어지면 배포 전에 걸리게 했습니다.

4. 컨셉마다 숫자가 다릅니다

'여성적인' 라벨 수상작은 제목이 작고(중앙값 19px) 카드를 거의 안 씁니다. '신뢰적인' 라벨은 카드가 더 많습니다. 그래서 네일샵 조합은 상자를 걷어 내고 사진 아래 글자만 두었고, 병원 조합은 카드를 유지했습니다.

중간에 크게 틀린 적도 있습니다. 크롬 연결 오류·점검 화면 575곳이 사이트로 섞여 들어가서 "한국 사이트는 글자형 첫 화면이 29%"라고 결론을 냈었는데, 걸러 내니 10%였습니다. 크롤링 데이터는 오류 화면부터 거르고 봐야 한다는 걸 배웠습니다.

지금은 업종 5개에 조합 19개가 있습니다. 무료로 키트를 받을 수 있고, 토큰 내보내기·대비 보고서·추천 이유 문서가 든 Pro는 5달러 1회 결제입니다. 써 보시고 "이 업종은 이렇게 생기지 않았다" 싶은 곳을 알려 주시면 그 업종부터 다시 재 보겠습니다.

https://coloros.goodthings.co.kr/?utm_source=disquiet