비주얼 디자이너는 AI로 어떤 문제까지 도전해볼 수 있을까?
Summary
디자이너의 반복 노가다 끝! 여기어때가 AI로 소개서 빌더를 만든 이유
SOP 구조화부터 Claude 연동까지, 비주얼 디자이너가 직접 설계한 일관된 디자인 자동화 여정
매번 세일즈 덱과 소개서를 만드느라 리소스를 소모하던 디자이너가 AI를 활용해 직접 빌더를 구축한 생생한 프로세스를 공유합니다. 피그마에 쌓인 데이터를 규격화하고 클로드(Claude) API 및 내부 아이콘 생성기를 연동하여, 비디자이너도 손쉽게 완성도 높은 소개서를 작성할 수 있는 시스템을 만들었습니다. 단순한 템플릿 제공을 넘어 브랜드 가치를 일관되게 전달하는 디자인 솔루션의 미래를 보여줍니다.
- 01기존 소개서 제작 SOP를 AI가 이해할 수 있는 데이터 구조로 정형화 및 카테고리화
- 02웹 빌더 구축을 통해 사용자 입력 방식에 맞춘 3가지 생성 모드(입력, 원클릭, 수동) 구현
- 03클로드(Claude)를 연동하여 어색한 텍스트 맥락을 부분 수정하고 레이아웃에 실시간 반영
- 04자체 개발한 여기어때 아이콘 생성기를 연동하여 필요한 그래픽까지 하나의 툴 내에서 완결
- 05실제 PO 대상 UT를 통한 업무 일관성 검증 및 예외 상황 대응을 위한 미래 확장성 과제 도출
RECOMMENDATION
반복적인 제안서나 발표 자료 디자인으로 리소스 압박을 느끼는 디자인 팀이나, 구성원 전체가 일관된 브랜드 아이덴티티를 유지하며 세일즈 자료를 생성하게 만들고 싶은 프로덕트 조직에게 강력히 권장합니다.
The Problem
매번 새로운 소개서나 세일즈 덱을 제작할 때마다 레이아웃 및 그래픽 요소를 새롭게 고민하고 디자인해야 하여 디자이너의 반복적인 공수와 피로도가 가중되는 문제가 있었습니다.
The Solution
기존의 소개서 제작 표준 운영 절차(SOP)를 구조화하고, 피그마에 쌓인 레이아웃을 웹 코드로 변환한 뒤, 클로드(Claude)를 활용하여 입력값을 분석하고 템플릿에 맞춰 웹 페이지를 생성하는 AI 기반 소개서 빌더를 구축했습니다.
The Result
PO 대상의 사용성 테스트 결과, 기존 SOP 가이드라인 내에서 일관된 디자인의 슬라이드가 성공적으로 생성되었으며, 사용자가 디자인 고민 없이 내용 전달에 집중할 수 있는 업무 효율성을 확보했습니다.
Trade-off
사전에 정의된 템플릿 범위를 벗어나는 새로운 형식의 내용이 입력될 경우 기존 디자인 패턴을 유지하기 어려우며, 정형화된 시스템 안에서만 작동하여 예외적인 상황에 대응하는 확장성이 부족합니다.
