UX 디자이너가 경쟁사 조사 및 디자인 감사에 Save를 활용하는 방법
UX 디자이너는 경쟁사 앱 스크린샷을 찍고, 인터랙션 패턴을 문서화하며, 디자인 영감을 수집하는 등 경쟁사 벤치마킹에 수많은 시간을 보냅니다. 하지만 스크린샷은 AI로 분석할 수 없고, 북마크는 쉽게 잃어버릴 수 있습니다. 실제로 작업할 수 있는 형식의 콘텐츠가 필요합니다.
다음은 UX 디자이너들이 Save를 사용하여 조사를 강화하는 방법입니다.
워크플로우 1: 경쟁사 랜딩 페이지 → UX 감사
홈페이지를 재설계하고 있습니다. 경쟁사에서 무엇이 효과적인지 이해해야 합니다.
워크플로우:
- 5~8개의 경쟁사 랜딩 페이지를 마크다운으로 저장 — 모든 문구, CTA, 섹션 구조 및 내비게이션 보존
- 비교 감사 실행:
“여기에 [산업] 분야의 경쟁사 랜딩 페이지 8개가 있습니다. 콘텐츠 구조를 분석해 보세요. 히어로 섹션, 소셜 프루프, 기능 블록, CTA를 어떻게 구성하고 있나요? 이 페이지들 중 5개 이상에서 나타나는 패턴은 무엇인가요? 상위 2개 페이지에만 있는 독특한 점은 무엇인가요?”
“이 페이지들을 기반으로, 랜딩부터 전환까지 가장 일반적인 사용자 여정은 무엇인가요? 어떤 단계를 우선시하나요?”
- 데이터 기반 디자인 — 업계 표준 패턴과 차별화할 수 있는 지점을 파악한 상태에서 재설계를 시작합니다.
워크플로우 2: 디자인 시스템 문서 → 컴포넌트 계획
디자인 시스템을 구축하거나 업데이트하고 있습니다. 기존 기업들이 어떻게 문서를 작성하는지 배우고 싶습니다.
워크플로우:
- Shopify Polaris, Atlassian, IBM Carbon 또는 유사한 디자인 시스템 문서 페이지를 저장
- 패턴 추출:
“여기 주요 디자인 시스템 3개의 문서 페이지가 있습니다. 컴포넌트 문서를 어떻게 구성하는지 비교해 보세요. 어떤 섹션을 포함하고, 변형을 어떻게 처리하며, 어떤 가이드라인을 제공하나요? 제가 따를 수 있는 디자인 시스템 템플릿을 만들어 주세요.”
“컴포넌트 문서에 어떤 접근성 가이드라인을 직접 포함하고 있나요? 모든 컴포넌트에 대해 제가 따라야 할 체크리스트를 만들어 주세요.”
- 검증된 기반 위에 구축 — 디자인 시스템 문서는 첫날부터 모범 사례를 따릅니다.
워크플로우 3: 접근성 가이드라인 → WCAG 감사 체크리스트
귀하의 제품은 접근성 감사가 필요합니다. WCAG 가이드라인은 철저하지만 내용이 방대합니다.
워크플로우:
- 귀하의 제품 유형에 대한 관련 WCAG 페이지 및 접근성 관련 기사를 저장
- 실용적인 체크리스트 생성:
“여기에 레벨 AA 준수를 위한 WCAG 2.2 가이드라인과 [앱 유형]의 접근성에 대한 2개의 기사가 있습니다. [귀하의 제품 설명]에 특화된 실용적인 감사 체크리스트를 만들어 주세요. 항목을 WCAG 기준이 아닌 페이지/컴포넌트별로 그룹화하세요. 어떤 항목이 빠른 성과(quick wins)이고 어떤 항목이 주요 노력(major efforts)이 필요한지 표시해 주세요.”
- 효율적인 감사 — 맞춤형 체크리스트는 원본 WCAG 사양보다 10배 더 유용합니다.
워크플로우 4: 사용자 피드백 + 경쟁사 조사 → 재설계 브리프
사용자 불만과 경쟁사로부터 얻은 영감이 있습니다. 이를 일관성 있는 재설계 계획으로 전환해야 합니다.
워크플로우:
- 사용자 피드백 페이지(앱 스토어 리뷰, 지원 스레드, 사용성 테스트 결과)와 더 나은 접근 방식을 보여주는 경쟁사 페이지를 저장
- 재설계 브리프 작성:
“여기에 우리 제품의 [기능]에 대한 사용자 피드백과 동일한 기능을 다루는 경쟁사 페이지 4개가 있습니다. 각 사용자 불만을 경쟁사의 솔루션에 매핑하세요. 그런 다음 모든 문제점을 해결하고 최고의 경쟁사 접근 방식을 참조하는 우리 [기능] 재설계 디자인 브리프를 작성하세요.”
- 팀 정렬 — 추상적인 디자인 아이디어가 아닌, 사용자 고통을 검증된 솔루션과 연결하는 브리프
시작하기
- Save 설치 (무료, 월 3회 저장)
- 조사하면서 경쟁사 페이지, 디자인 시스템 문서 및 가이드라인을 저장
- 분석 및 종합을 위해 Claude 또는 ChatGPT에 입력
- 조사를 디자인 결정으로 더 빠르게 전환
훌륭한 디자인은 단순히 창의적인 것이 아니라 정보에 기반한 것입니다. Save는 귀하의 조사가 모든 결정에 반영되도록 합니다.
질문이나 피드백이 있으신가요? [email protected]로 문의해 주세요.
## Continue reading
저장된 Markdown을 SEO와 콘텐츠의 금광으로 만드는 3가지 워크플로우
Save + Claude 또는 ChatGPT를 사용한 실제 워크플로우: Twitter 스레드를 SEO 개선으로, YouTube 동영상을 훅 라이브러리로, 경쟁사 페이지를 콘텐츠 전략으로 전환합니다.
규제 변화에 앞서나가기 위해 컴플라이언스 담당자가 Save를 활용하는 방법
규제 고지, 집행 조치, 컴플라이언스 가이드라인을 마크다운으로 저장하세요. AI를 사용하여 요구사항을 매핑하고, 체크리스트를 만들고, 정책 업데이트 초안을 작성하세요.
컨설턴트가 Save를 사용하여 연구 기반 전략을 더 빠르게 제공하는 방법
산업 보고서, 사례 연구, 고객 자료를 Markdown으로 저장하세요. AI를 사용하여 전략 덱을 구축하고, 시장 데이터를 종합하며, 고객 브리핑을 준비하세요.
콘텐츠 크리에이터가 Save로 하나의 콘텐츠를 열 개로 만드는 방법
기사, 뉴스레터, 동영상 스크립트를 Markdown으로 저장하세요. AI로 LinkedIn, Twitter, 뉴스레터, 블로그 전반에서 콘텐츠를 재활용하세요.
Written by
Jean-Sébastien Wallez
I've been making internet products for 10+ years. Built Save on weekends because I wanted my own reading library in clean markdown for Claude and Obsidian. Write here about web clipping, AI workflows, and the small things that make a personal knowledge base actually useful.