Claude Design으로 시안 만들기

이번 실습에서 완성할 것

이 결과물은 다음과 같은 상황에서 활용할 수 있습니다.

• 랜딩페이지나 안내페이지의 첫 시안이 필요할 때
• 디자이너나 개발자에게 아이디어를 설명할 때
• 브랜드 기준을 적용하기 전 정보 구조를 확인할 때

실습 전 준비

1. Claude Design 사용 가능 여부를 확인합니다.
2. 가상의 ‘소상공인 AI 업무혁신 특강’을 실습 주제로 사용합니다.
3. 실제 로고나 저작권이 있는 참고 이미지는 업로드하지 않습니다.

행사명: 소상공인 AI 업무혁신 특강
대상: 반복 문서업무를 줄이고 싶은 1인 사업자
일시: 9월 25일 오후 2시
핵심 행동: 무료 참가 신청
필수 정보: 대상, 일정, 얻는 것 3가지, 신청 버튼
제약: 모바일 우선, 과장 표현 금지

핵심 개념

• 핵심 행동 · 한 화면에서 사용자가 가장 먼저 해야 할 행동을 하나로 정합니다.
• 정보 우선순위 · 예쁜 화면보다 누가 무엇을 왜 신청해야 하는지가 먼저 읽혀야 합니다.
• 검수 가능한 제약 · 모바일, 대비, 버튼 문구, 필수 섹션처럼 확인할 수 있는 조건을 씁니다.

단계별 실습

1단계 · 시안 전에 브리프를 만듭니다

아래 행사 정보를 바탕으로 아직 디자인하지 말고 시안 제작 브리프를 작성해주세요.
독자, 해결하려는 문제, 핵심 행동, 정보 우선순위, 필수 섹션, 제외할 요소, 모바일 검수 기준을 포함해주세요.

2단계 · 첫 화면 구조를 정합니다

승인된 브리프를 기준으로 모바일 첫 화면의 구조를 텍스트 와이어프레임으로 보여주세요.
각 영역의 목적과 들어갈 실제 문구를 적고, 신청 버튼은 하나만 사용해주세요.

3단계 · 시안을 비판적으로 검수합니다

이 시안을 처음 보는 예비 참가자의 관점에서 검수해주세요.
3초 안에 대상·주제·다음 행동을 알 수 있는지, 정보 대비와 글자 크기 문제가 없는지 확인하고 수정 우선순위 3개만 제안해주세요.

내 업무에 복사해서 쓰는 프롬프트

다음 내용을 바탕으로 [페이지 종류] 시안 제작 브리프를 작성해주세요.

독자: [누구]
독자가 해결하려는 문제: [문제]
핵심 행동: [버튼 하나]
필수 정보: [정보]
브랜드 기준: [색상/말투/참고자료]
제약: [모바일/접근성/금지요소]

먼저 브리프와 텍스트 와이어프레임만 보여주세요. 제가 승인한 뒤 시안을 만드세요.

결과 검수 기준

아래 항목을 직접 확인하면 실습이 완료됩니다.

내 업무로 바꾸는 미션

1. 내 서비스에서 설명이 어려운 페이지 하나를 고릅니다.
2. 방문자가 해야 할 행동을 하나로 줄입니다.
3. 브리프와 텍스트 와이어프레임을 먼저 검수합니다.
4. 시안은 정보 구조가 승인된 뒤에만 생성합니다.

자주 생기는 오류와 주의사항

시안이 그럴듯하지만 목적이 보이지 않습니다

디자인 지시보다 독자와 핵심 행동을 브리프 첫 줄에 둡니다.

다른 사이트와 너무 비슷합니다

참고자료는 분위기가 아니라 구조적 이유를 설명하고 직접 복제를 금지합니다.

공식 참고자료

최종 확인일 2026-08-05 · 기능과 정책은 변경될 수 있으므로 공식 문서를 함께 확인하세요.