클로드 디자인을 활용한 브랜드 아이덴티티 자동화
클로드 디자인(Claude Design)을 활용해 저희 회사의 디자인 시스템을 구축하고, 이를 헤르메스 에이전트 봇과 연동하여 반복적인 문서 작업을 자동화한 경험을 공유하고자 합니다.
자동화 시도와 그 이유
회사에서 매주 발행하는 위클리 리포트, 미디어 리포트, 회사 소개서 등은 내용도 중요하지만 브랜드 아이덴 티티를 유지하는 디자인 포맷이 필수적입니다. 하지만 매번 이 포맷을 맞추는 작업이 꽤 번거롭고 시간이 많이 소요되었습니다.
문제점 1: 정기 리포트나 소개서 작성 시 디자인 포맷을 맞추는 단순 반복 작업에 많은 시간 소요
문제점 2: 작업자에 따라 브랜드 아이덴티티(톤앤매너, 컬러, 폰트 등)가 미묘하게 달라지는 문제 발생
목표: 회사의 디자인 요소를 AI에 학습시켜, '딸깍' 한 번으로 브랜드 아이덴티티가 적용된 다양한 문서 템플릿을 자동 생성하는 시스템 구축
클로드 디자인과 헤르메스 봇을 통한 자동화 방법
1주차 때 스터디 시간에 배운 대로, 클로드 디자인에서 디자인 시스템을 등록한 후, 저의 개인 에이전트 봇(헤르메스)을 결합하여 자동화 파이프라인을 구축했습니다.
디자인 요소 추출 및 시스템 등록
가장 먼저 한 일은 저희 회사 공식 사이트에서 핵심 디자인 요소(브랜드 컬러, 타이포그래피, 레이아웃 규칙 등)를 추출하는 것이었습니다. 추출한 가이드라인을 클로드 디자인에 입력하여 우리 회사만의 맞춤형 디자인 시스템으로 등록했습니다.
HTML 코드 추출 및 헤르메스 봇 연동
클로드 디자인에서 생성된 디자인 템플릿을 HTML 형태로 추출했습니다. 이렇게 추출한 HTML 코드를 저의 에이전트 봇에게 인풋으로 제공하여, 봇이 회사의 디자인 룰을 완벽하게 이해하고 문서를 렌더링할 수 있도록 세팅했습니다.
정기 리포트 및 문서 배리에이션 자동화
최근 한 광고주에게 발송하던 위클리 리포트를 자동화하는 중이었는데, 그 템플릿을 앞서 학습한 HTML 기반의 디자인 시스템을 적용하여 자동 생성하도록 실행 해봤습니다. 물론 저희 회사보다는 광고주의 브랜드시스템을 적용하는 것이 맥락에는 더 맞기 때문에, 향후에는 각 광고주의 브랜드 디자인 시스템 구축을 해두고, 각각 적용시킬 예정입니다.
지속적인 인풋을 통한 템플릿 고도화
템플릿은- 특히, PPT템플릿- 더 다양화 하고 싶어 사이트에서 추출한 것이 아닌, 기존 회사소개서나 사이니지 작업물 등을 인풋으로 추가로 제공하고, 제가 모아두었던 PPT샘플들도 추가로 제공하여 보다 다양한 템플릿을 완성해가고 있습니다. 도표나 다이아그램이 들어가는 경우, 글만 임팩트있게 들어가는 경우, 일러스트가 들어가는 경우, 솔리드한 배경이 아닌 패턴이 들어가는 경우 등 다양하게 말이죠.
결과와 배운 점
성과
압도적인 시간 단축: 텍스트만 준비되면 '딸깍' 클릭 한 번으로 완벽한 디자인 포맷이 입혀진 리포트가 완성되어 정말 편하다는 것을 실감했습니다. 신세계~~~~
일관된 브랜드 경험 제공: 누가 문서를 작성하든 회사의 브랜드 아이덴티티가 100% 동일하게 유지되어 광고주들에게 더욱 프로페셔널한 인상을 줄 수 있으리라 생각합니다.
시행착오와 개선점
초기에는 AI가 HTML 구조를 완벽하게 렌더링하지 못해 레이아웃이 깨지는 경우가 있었습니다. 프롬프트로 규칙을 더 명확하게 잡아주는 튜닝 과정이 필요하리라 생각됩니다. 계속 깎아야 하는 과정이 완성도를 좌우 할 것 이라고 봅니다.
배운 점
AI에게 기존의 잘 만들어진 결과물(회사소개서, 사이니지 등)을 지속적으로 피드백(인풋)으로 제공하는 것이 템플릿의 다양성과 퀄리티를 높이는 핵심이라는 생 각이 들었습니다.
앞으로의 계획
각 클라이언트별로 브랜드 디자인 시스템을 만든 후, 각 위클리 리포트, 미디어 리포트 등을 각 브랜드에 맞는 포맷으로 완벽하게 제공해볼 예정입니다. 궁극적으로는 문서 작업에서 'AI가 만든 티(AI티)'를 완전히 없애고, 시니어 아트디렉터가 크래프트한 것 같은 오리지널리티가 담긴 자동화 시스템으로 발전시키는 것이 목표입니다.
한 줄 요약
클로드 디자인에서 추출한 HTML을 에이전트 봇에 연동하여, 브랜드 아이덴티티가 담긴 리포트 딸깍 생성!
