클로드 AI로 13가지 디자인 결과물 제작: '달밤 소이 캔들' 브랜드 사례

이번 영상에서는 가상의 소이 캔들 브랜드인 '달밤'을 활용하여 디자인 시스템을 구축하고 다양한 디자인 결과물을 만들어 볼 예정입니다. 달밤은 밤에 잠들기 전에 켜는 캔들을 판매하는 작은 브랜드로 설정되었습니다. 이 가상 브랜드를 통해 실제 디자인 프로젝트 진행 과정을 단계별로 시연합니다.

클로드를 이용해 상세 페이지를 즉시 제작할 때, 브랜드 기준이 없으면 디자인 일관성이 크게 훼손될 수 있습니다. 만약 AI에 바로 상세 페이지를 만들어 달라고 요청하면, 클로드가 임의로 색상과 폰트를 선택하여 만들 때마다 다른 브랜드처럼 보이게 될 위험이 있습니다. 이는 브랜드의 통일성을 저해하고 혼란을 줄 수 있으므로, 명확한 브랜드 가이드라인 설정이 선행되어야 합니다.

클로드를 통해 스타일 가이드를 생성하면, 사용자가 요청하지 않은 요소들도 자동으로 생성됩니다. 예를 들어, 색 조합마다 네 자리 숫자의 대비 수치가 자동으로 붙는데, 이 수치는 클수록 글자가 잘 읽히는 정도를 나타냅니다. 이는 보통 디자이너가 직접 설정하는 부분이지만, 클로드가 자동으로 계산하여 제공합니다.

또한, 글자 크기를 여섯 단계로 나누어 제공하는 기능도 포함되어 있습니다. 이는 향후 어떤 디자인 결과물을 만들든 제목과 본문의 글자 크기를 미리 정해두는 기준이 됩니다. 이러한 자동 생성 기능들은 브랜드 디자인 시스템의 완성도를 높이는 데 기여하며, 디자이너의 수고를 덜어주는 역할을 합니다.

이처럼 클로드는 단순한 요청을 넘어 디자인의 전문적인 요소들까지 고려하여 스타일 가이드를 구축해주므로, 작업 효율성을 크게 향상시킬 수 있습니다.

디자인 시스템을 생성할 때는 회사 이름과 짧은 소개를 기입해야 합니다. 이때 어떤 브랜드인지와 더불어 '어디에 쓸 건지'를 명시하는 것이 중요합니다. 예를 들어, 앱을 만들 브랜드인지 인쇄물을 만들 브랜드인지에 따라 클로드가 잡아주는 디자인 기준이 달라지기 때문입니다. 이어서 이전에 활용했던 브랜드 정보 파일, 로고 파일, 그리고 앞서 만든 스타일 가이드 결과물까지 모두 추가하여 디자인 시스템을 구축합니다.

이렇게 세부 정보를 추가하면 클로드는 브랜드의 특성과 목적에 맞춰 최적화된 디자인 시스템을 생성하게 됩니다. 이는 향후 다양한 디자인 결과물을 만들 때 일관성과 효율성을 확보하는 데 필수적인 과정입니다.

스타일 가이드는 주로 눈으로 보는 시각적인 문서로, '우리 브랜드의 색상은 이것이고 폰트는 이것이다'와 같이 기본적인 디자인 요소들을 명시하는 역할을 합니다. 반면, 디자인 시스템은 실제로 결과물을 제작할 때 활용되는 부품과 같은 역할을 합니다. 단순히 파일을 올리는 것만으로도 디자인 시스템에 반영되어 적용됩니다. 이 둘을 비교해 보면, 디자인 시스템은 스타일 가이드에는 없었던 글자 크기 여섯 단계, 색이 겹쳤을 때의 가독성 계산 수치 등을 포함하여 브랜드 시스템의 완성도를 높여줍니다.

이러한 방식으로 스타일 가이드를 통해 빠르게 디자인 방향을 확정한 다음, 그 정보를 바탕으로 디자인 시스템을 구축하면 전체적인 작업 시간과 자원 사용량을 절약할 수 있습니다. 이는 디자인 프로세스의 효율성을 극대화하는 전략입니다.

클로드에서 생성된 브랜드 시스템을 활용하기 위해서는 먼저 해당 시스템을 공개 설정해야 합니다. 화면 상단에 위치한 '퍼블리시' 옵션을 클릭한 후 '디폴트'로 설정하면, 이제 이 디자인 시스템이 앞으로 작업할 모든 결과물에 적용되는 기본 브랜드 시스템이 됩니다. 이 설정을 통해 디자인 일관성을 유지하고 작업 효율성을 높일 수 있습니다.

상세 페이지 제작을 위해 제품 정보 파일을 첨부하면 작업 효율을 크게 높일 수 있습니다. 이 파일에는 제품 5개의 설명과 가격 안내가 포함되어 있습니다. 매번 제품 설명을 복사하고 가격을 다시 입력하는 번거로움을 줄이기 위해, 이렇게 하나의 파일에 정보를 정리해 두는 것이 좋습니다. 앞으로는 이 파일 하나만 첨부하면 모든 필요한 정보가 자동으로 반영되어, 상세 페이지를 비롯한 다양한 결과물을 효율적으로 제작할 수 있습니다. 영상에서 만들어 볼 모든 결과물도 이 파일 하나를 기반으로 합니다.

모바일 앱 디자인 템플릿은 사용자가 휴대폰으로 특정 작업을 수행하는 과정을 시각적으로 그려낼 때 유용하게 활용됩니다. 예를 들어, 제품 주문, 예약, 문의 남기기 등 말로 설명하기 모호한 일련의 행동 흐름을 명확하게 도식화할 필요가 있을 때 이 템플릿을 사용할 수 있습니다. 이를 통해 서비스의 사용자 경험을 직관적으로 파악하고 개선점을 찾을 수 있습니다.

세 번째 결과물인 와이어프레임은 완성된 화면이 아닌, 사이트의 설계도를 그리는 데 사용되는 템플릿입니다. 웹사이트를 새로 구축하거나, 기존 페이지를 재정리할 때, 또는 콘텐츠나 기능 중 누락된 부분이 없는지 확인할 때 가장 먼저 그려보는 것이 바로 와이어프레임입니다. 이는 전체적인 구조와 흐름을 시각화하여 개발 전 단계에서 효율적인 의사결정을 돕습니다.

와이어프레임을 미리 작성해두면 사이트 제작 과정에서 불필요한 시행착오를 줄일 수 있습니다. 또한, 함께 작업하는 동료나 팀원들과의 의사소통 시에도 와이어프레임 한 장으로 모든 대화가 명확하게 이루어질 수 있어 협업 효율성을 크게 높일 수 있습니다. 이는 프로젝트의 방향성을 명확히 하고, 모든 이해관계자가 동일한 목표를 공유하게 하는 중요한 도구입니다.

다섯 번째 결과물은 이메일입니다. 이메일 템플릿은 신제품 안내, 이벤트 공지, 주문 확인 메일 등 다양한 목적으로 활용될 수 있습니다. 영상에서는 신제품 안내 메일을 제작하는 과정을 통해 그 활용법을 시연합니다. 템플릿을 활용하면 일관된 디자인과 내용으로 효율적인 이메일 마케팅 및 커뮤니케이션이 가능합니다.

생성된 이메일의 결과물을 확인해보면, 제목에 프롬프트에서 요청했던 '숨기지 않는 내용'이 반영되어 '호불호가 갈립니다. 모두에게 권하지는 않습니다.'와 같이 솔직한 문구가 들어갔습니다. 또한, 요청대로 버튼은 하나만 생성되었습니다. 이렇게 만들어진 메일을 실제로 발송하려면 오른쪽 상단의 '공유' 버튼을 누르고 '프로젝트 HTML'에서 다운로드를 클릭합니다. 그러면 프로젝트 아카이브를 선택한 상태로 '익스포트' 버튼을 통해 HTML 파일을 얻을 수 있으며, 이 파일을 활용하여 이메일을 발송할 수 있습니다. 이처럼 클로드는 사용자의 요청사항을 충실히 반영하여 실용적인 이메일 결과물을 제공합니다.

생성된 문서 결과물을 살펴보면, 각 향별로 한 페이지씩 깔끔하게 구성되어 있습니다. 제품 이미지는 사용자가 직접 클릭하여 업로드할 수 있도록 제공되며, 넉넉한 여백 덕분에 제품이 더욱 고급스러워 보이는 효과를 줍니다. 실제 이미지를 삽입하면 전체적인 품질이 더욱 향상됩니다. 색상 구성을 보면 첫 장과 마지막 장은 어둡고 나머지 장들은 모두 밝은데, 이는 프롬프트에서 '인쇄해도 괜찮게'라는 요청이 반영된 결과로, 인쇄물 제작 시 잉크값 절감을 고려한 것으로 풀이됩니다.

또한, 프롬프트에서 '편집쇼에 보낼 자료'라고 명시했더니 마지막 장에는 누적 판매, 재구매율, 객단가 등 제품 설명 대신 숫자를 통한 데이터 기반의 정보가 제시되었습니다. 이는 대상 독자와 문서의 목적에 맞춰 내용을 구성하는 클로드의 뛰어난 활용 능력을 보여줍니다.

템플릿을 원래의 지정된 용도와 다르게 사용하고자 할 때는 프롬프트에 '이것이 아니다'라는 점을 명확히 한 번 언급하는 것이 중요합니다. 예를 들어, 특정 템플릿이 본래 마케팅 자료용이지만 이를 다른 목적으로 사용하고 싶다면, 프롬프트에 '이것은 마케팅 자료가 아닌'과 같은 구절을 넣어 클로드가 혼동하지 않도록 지시해야 합니다. 이렇게 함으로써 AI가 사용자의 의도를 정확히 파악하고 원하는 결과물을 생성할 수 있습니다.

슬라이드 제작 시에는 두 가지 중요한 팁을 따르는 것이 좋습니다. 첫째, 슬라이드 장수를 명확히 못 박아야 합니다. 예를 들어 '열 장'이라고 지정하지 않으면 클로드가 내용에 따라 임의로 장수를 생성할 수 있기 때문입니다. 발표 자료는 길다고 좋은 것도 짧다고 좋은 것도 아니므로, 먼저 장수를 정하고 시작하면 내용이 자동으로 압축되어 효율적인 슬라이드를 얻을 수 있습니다.

둘째, '없는 숫자는 지어내지 말라'고 명확히 지시해야 합니다. 이는 제안서 등 숫자가 중요한 자료에서 가장 핵심적인 부분입니다. 시장 규모나 성장률 같은 수치를 그럴듯하게 채워 넣는 경우가 있는데, 이를 모르고 제안서를 제출하면 신뢰도가 크게 떨어질 수 있습니다. 따라서 숫자가 들어가는 자료를 만들 때는 이 한 줄을 반드시 프롬프트에 포함시켜야 합니다.

아홉 번째 결과물은 다이어그램입니다. 다이어그램은 특정 흐름이나 구조를 그림으로 시각화할 때 사용되는 템플릿입니다. 예를 들어, 업무 처리 순서, 조직 구성도, 서비스 구조 설명, 복잡한 개념 설명 등 다양한 상황에서 활용될 수 있습니다. 영상에서는 주문이 들어와 배송까지 이어지는 과정을 다이어그램으로 그려보는 시연을 통해 그 활용법을 구체적으로 보여줍니다. 이를 통해 복잡한 정보도 한눈에 이해하기 쉽게 전달할 수 있습니다.

열 번째 결과물은 리서치 템플릿입니다. 이는 조사한 내용을 효율적으로 정리하여 한눈에 볼 수 있도록 만드는 데 활용됩니다. 시장 조사, 경쟁사 분석, 고객 분석 등 다양한 분야에서 유용하게 쓰일 수 있습니다. 영상에서는 편집쇼에 입점 제안을 할 때 근거 자료로 활용할 시장 자료를 만들어 봅니다. 캔들과 디퓨저 같은 향 제품 시장의 현황을 한 장으로 요약하여, 앞에서 만든 제안서에 이 자료를 첨부하면 설득력을 크게 높일 수 있다고 설명합니다.

지금까지 제작된 결과물들은 대부분 사용자가 제공한 자료를 기반으로 만들어졌지만, 리서치 결과물은 외부 자료를 활용할 수 있습니다. 이때 클로드가 생성한 리서치 결과에는 '확인 필요'라는 문구가 표시되는데, 이는 말 그대로 사용하기 전에 해당 내용의 사실 여부를 별도로 한 번 더 확인해야 함을 권장하는 것입니다. 비록 추가 확인이 필요하지만, 어디를 확인해야 하는지 명확히 표시되어 있기 때문에 처음부터 모든 자료를 찾는 것보다 훨씬 빠르게 검증할 수 있습니다. 확인 후 수정할 사항이 있다면 보완하여 제안서와 함께 활용하면 좋습니다.

12번째 결과물은 3D 오브젝트입니다. 이 템플릿은 입체적인 물건을 디자인하고 시각화할 때 사용됩니다. 제품 목업, 패키지 시안, 공간 배치 등 실제 물건을 만들기 전에 그 모양을 미리 확인하는 용도로 활용할 수 있습니다. 영상에서는 '달밤 소이 캔들'의 용기를 3D로 만들어보는 과정을 시연하여, 실제 제작 전 디자인을 검토하는 데 어떻게 활용될 수 있는지 보여줍니다.

클로드를 통해 생성된 3D 캔들 용기의 결과물은 마우스로 잡고 돌려보며 다양한 각도에서 확인할 수 있습니다. 위에서 내려다보면 왁스와 심지가 보이고, 옆에서는 뚜껑이 어떻게 얹히는지 상세하게 볼 수 있습니다. 주목할 점은, '지름이 살짝 넓게'와 같이 추상적으로 요청했음에도 불구하고, 클로드가 이를 '지름 96mm, 높이 82mm'와 같은 구체적인 수치로 자동 변환하여 제공한다는 것입니다. 또한, 오른쪽 아래에 있는 버튼을 통해 생성된 3D 모델 파일을 다운로드할 수 있습니다. 이는 대략적인 모양을 확인하고, 필요한 치수를 추출하여 업체와 논의하거나 보여주는 용도로 매우 유용하게 활용될 수 있습니다.