제2회 코파일럿 클럽 컨퍼런스 다시보기 신청 (무료)참가신청
Categories
Microsoft 365 교육 코파일럿 클럽

[전대호] Copilot의 디자인팀을 소개합니다

이번 에피소드는 코파일럿 디자이너팀을 소개하며, AI 기반 패션 추천 서비스 ‘ 스타일픽’ BI 기획과정을 상세히 보여줍니다.

코파일럿을 활용한 브레인스토밍, 트렌드 조사, 컨셉 기획부터 마이크로소프트 디자이너를 이용한 썸네일 및 카드 뉴스 제작까지 다룹니다.

특히, 생성형 AI 도구들을 활용하여 디자인 작업의 효율성을 높이는 방법을 제시합니다.

이 튜토리얼은 AI 도구를 활용하여 창의적인 디자인 컨텐츠를 제작하는 과정을 이해하고, 실제 디자인 워크플로우에 적용하는 데 도움을 줍니다. 디자인 팀의 역할과 협업 과정을 통해 AI 기반 디자인의 가능성을 탐색합니다.

1. 🎨 코파일럿 디자인 팀 소개와 웨비나 개요

  • 이번 웨비나는 코파일럿 멀티미디어팀 소개 시리즈의 일환으로, 디자인팀을 중심으로 진행된다.
  • 웨비나의 주요 내용은 디자인팀 소개, 컨텐츠 기획, 코파일럿 디자이너이미지 제작, 마이크로소프트 디자이너를 활용한 썸네일 및 카드 뉴스 제작방법 등이다.
  • 디자인팀은 코파일럿(팀장), 코파일럿 디자이너(그래픽 담당), 마이크로소프트 디자이너(UI/UX 및 제품 디자인담당)로 구성된다.
  • 코파일럿은 다재다능한 팀 리더로 다양한 업무를 효율적으로 처리하며, 디자이너는 창의적인 이미지 생성과 편집을 담당한다.
  • 마이크로소프트 디자이너는 최신 기술과 혁신적 아이디어를 활용해 사용자 경험을 향상시키는 역할을 한다.

2. 🎨 AI 기반 패션 추천 서비스 ‘StylePick’ BI 기획 과정

captureSource
  • 코파일럿을 활용하여 브랜드명 ‘ 스타일픽(StylePick)’을 선정하고, 이에 대한 브레인스토밍을 진행했다.
  • 서비스의 특징인 포인트 적립 시스템을 반영한 슬로건을 10개 생성했으며, 이는 향후 카드뉴스, 썸네일, 배너 등 다양한 마케팅 자료에 활용 가능하다.
  • 경쟁사 분석을 위해 한국의 AI 기반 패션 추천 서비스들을 조사했으며, ‘이옷’이라는 서비스를 중심으로 마케팅 전략을 분석했다.
  • 경쟁사의 주요 마케팅 전략으로 SNS 활용, TV 광고, 인플루언서 마케팅등이 확인되었으며, 특히 고객 세분화를 통한 타겟 마케팅이 가장 효과적인 전략으로 평가되었다.
  • 경쟁사 분석을 통해 얻은 정보는 실제 적용 전 추가 확인이 필요하며, 이를 바탕으로 ‘StylePick’의 마케팅 전략을 수립할 수 있다.

2.1. AI 기반 패션 추천 앱 BI 기획 준비

  • AI 기반 패션 추천 서비스 출시를 가정하여 디자인 팀에 BI 기획을 요청하는 시나리오를 설정했다.
  • BI 기획에는 서비스명, 아이콘, 색상, 폰트 등이 포함되며, 이를 위해 코파일럿을 활용한 브레인스토밍과 트렌드 조사를 진행한다.
  • 브랜드명 선정을 위해 코파일럿에게 마켓 담당자 역할을 부여하고, 한글과 영어로 10개의 브랜드명 제안을 요청했다.
  • 제안된 브랜드명 중에는 “스타일리시봇”, “패션마인드”, “옷장지킴이” 등이 있으며, 이는 서비스의 특성을 반영한 것이다.
  • 무료 서비스이며 누구나 쉽게 사용할 수 있는 앱이므로, 럭셔리하거나 어려운 단어보다는 이해하기 쉽고 부르기 편한 이름을 선호한다.

2.2. 스타일픽: AI 패션 추천 앱의 브랜드명 선정 과정

  • 코파일럿을 활용해 한글로 된 10개의 앱 이름을 제안받았으며, 그 중 옷친구, 패션나침반, 스타일콕, 옷바람, 착장달인, 옷별이, 패션톡톡 등이 포함되었다.
  • 강의 준비 과정에서 이미 ‘스타일픽’이라는 이름을 선정했지만, ‘패션톡톡’과 ‘착장달인’도 로고 제작에 적합할 것으로 평가되었다.
  • 코파일럿에게 ‘ 스타일픽’에 대한 의견을 물었더니, 이 이름이 한글과 영어 모두에서 명확하고 기억하기 쉬우며, 앱의 기능을 직관적으로 반영한다고 평가했다.
  • ‘스타일’은 패션 관련 요소를, ‘픽’은 사용자의 개인적 선택과 추천을 의미하여, 사용자가 자신의 스타일을 선택하는 데 도움을 준다는 점이 강조되었다.
  • 코파일럿의 긍정적인 평가를 바탕으로 최종적으로 ‘스타일픽’을 앱의 브랜드명으로 확정하였다.

2.3. 스타일픽의 슬로건과 포인트 시스템

  • 스타일픽은 매일이 패션쇼, 나만의 스타일리스트와 같은 다양한 슬로건 아이디어를 생성했다.
  • 스타일픽의 핵심 특징인 포인트 시스템을 강조하여 새로운 슬로건을 개발했다.
  • 취향을 포인트로“, “스타일이 포인트, 포인트가 스타일“과 같이 포인트 시스템을 강조한 창의적인 슬로건들이 제안되었다.
  • 개발된 슬로건들은 카드 뉴스, 썸네일, 배너 등 다양한 마케팅 자료에 활용될 수 있다.

2.4. AI 기반 패션 추천 서비스의 경쟁사 조사

  • AI 기반 패션 추천 서비스 “스타일링픽”의 한국 경쟁사를 조사하는 것이 첫 번째 임무다.
  • 코파일럿의 국적이 미국이기 때문에, 한국 경쟁사를 명시적으로 언급하여 조사 범위를 한정해야 한다.
  • 경쟁사로 “원데이 텐 미닛”, “지그재그”, “SF샵”, “SSF샵”, “이옷”, “코콘” 등이 언급되었으나, 각 서비스의 실제 존재 여부를 확인해야 한다.
  • 경쟁사 정보의 신뢰성을 확보하기 위해 뉴스 기사나 직접 확인 등의 검증 과정이 필요하다.
  • 마케팅 트렌드 분석을 위해 확인된 경쟁사들의 마케팅 전략을 조사하는 것이 다음 단계의 과제다.

2.5. ‘이옷’ 기업의 마케팅 전략 분석

  • 고객 세분화를 통한 타겟 마케팅이 가장 효과적인 전략으로, 다양한 소비자 그룹의 특성과 선호도를 파악해 맞춤형 마케팅 메시지를 제공했다.
  • SNS 마케팅 전략으로는 컨셉 명확화, 팔로잉하고 싶은 콘텐츠 제작, 해시태그 활용, 타깃 정의 등을 실시했다.
  • TV 광고 전략으로 타겟 시청자 정의, 적절한 채널 선택, 매력적인 광고 스크립트 작성, 광고 최적화 등을 진행했다.
  • 인플루언서 마케팅을 포함한 매스미디어 마케팅 전략을 활용해 브랜드 인지도를 높였다.
  • 패션 산업에서 개인의 취향과 스타일이 중요한 만큼, 개인화된 경험 제공을 통해 고객 충성도를 높이는 데 크게 기여했다.

3. 🎨 BI 기획 및 카드뉴스 제작 과정

captureSource
  • StylePick의 브랜드 아이덴티티(BI) 기획을 위해 마케팅 기획자 역할의 AI를 활용하여 로고, 색상, 핵심 메시지 등을 구상한다.
  • BI 기획시 핵심 메시지는 “개인을 존중하는 맞춤형 스타일링”과 “AI가 선사하는 스타일의 혁신”으로 정하고, 로고는 S와 P를 형상화한 모노그램을 사용한다.
  • 색상 팔레트는 네이비 블루를 메인으로, 그레이와 밝은 블루를 보조 색상으로, 코랄을 액센트 색상으로 선정하여 현대적이고 세련된 이미지를 표현한다.
  • BI 문서화 작업을 통해 브랜드 스토리, 슬로건, 로고 설명, 디자인 요소, 색상 팔레트, 타이포그래피, 적용 예시 등을 체계적으로 정리한다.
  • 카드뉴스 제작을 위해 StylePick의 주요 특징(AI 기반 추천, 사용자 친화적 인터페이스, 실시간 트렌드 반영 등)을 정리하고, 이를 바탕으로 4컷 구성의 카드뉴스를 기획한다.

3.1. StylePick의 BI 기획 프롬프트 작성 전략

  • StylePick의 BI(브랜드 아이덴티티) 기획을 위해 로고, 색상, 핵심 메시지 등을 포함한 프롬프트를 작성한다.
  • 프롬프트에 “그림을 그리지 말라”는 지시를 포함하여 Copilot의 불필요한 그림 생성을 방지한다.
  • 다음 단계 가이드 요청, 학습 내용 반영 등 프롬프트 최적화 전략을 활용하여 더 나은 응답을 유도한다.
  • 과거 성공적인 응답 사례를 분석하여 효과적인 프롬프트요소를 추출하고 재사용한다.
  • 일관된 결과를 얻기 위해 핵심 항목을 프롬프트에 포함시키는 전략을 사용한다.

3.2. 스타일픽의 브랜드 아이덴티티 가이드라인

  • 스타일픽의 핵심 메시지는 개인을 존중하는 맞춤형 스타일링, 일상 속 패션의 실용성, AI가 선사하는 스타일 혁신이다.
  • 로고 디자인은 스타일과 선택을 시각화하며, S와 P를 형상화한 모노그램을 사용하여 간결하고 독창적인 형태를 갖추어야 한다.
  • 색상 팔레트는 메인 색상 네이비 블루, 보조 색상 그레이와 밝은 블루, 엑센트 색상 코랄로 구성된다.
  • 타이포그래피는 현대적 느낌의 메인 폰트와 지정된 보조 폰트를 사용하며, 아이콘과 그래픽 요소로는 패션 아이템을 형상화한 아이콘과 AI를 상징하는 그래픽을 포함한다.
  • AI 상징 그래픽은 흔한 표현이 될 수 있어 추후 수정이 가능하며, 최종 디자인 검토 후 제외될 수도 있다.

3.3. StylePick 로고 디자인 및 핵심 메시지 구체화

  • Copilot을 활용하여 StylePick의 로고 디자인을 시도하고, 여러 옵션 중 가장 적합한 디자인을 선택했다.
  • 로고 디자인시 BI 프롬프트 예시를 활용하여 구조화된 접근 방식을 취했으며, 심플하면서도 효과적인 디자인을 목표로 했다.
  • StylePick의 핵심 메시지를 구체화하기 위해 BI 심볼을 바탕으로 문서화 작업을 진행했다.
  • 핵심 메시지의 일관성을 유지하기 위해 이전에 생성된 내용 중 적절한 부분을 선별하여 목록화했다.
  • 비주얼 가이드라인에는 고해상도 이미지 사용, 사용자의 다양성 반영, 그리고 웹사이트, 모바일 앱, 팝업스토어 등 다양한 적용 예시가 포함되었다.

3.4. StylePick의 BI 요소와 광고 콘텐츠 제작 계획

  • StylePick의 BI(Brand Identity) 문서에는 핵심 메시지, 브랜드 스토리, 슬로건, 로고, 디자인 요소 등이 포함된다.
  • 브랜드 슬로건은 “당신의 스타일, AI 선택”으로, 핵심 메시지는 ” 스타일픽은 사용자의 개성을 빛내주는 스타일링을 제공하고 패션을 통한 자기 표현에 자유롭다”는 내용을 담고 있다.
  • 로고는 ‘S’와 ‘P’를 강조하는 디자인으로, 색상 팔레트, 타이포그래피, 비주얼 가이드라인적용 예시 등 세부적인 디자인 요소들이 포함된다.
  • BI 요소를 바탕으로 카드 뉴스, 썸네일, 배너 등 다양한 광고 콘텐츠를 제작할 계획이다.
  • 코파일럿이 초기 작업을 진행한 후, 디자이너들이 참여하여 최종 콘텐츠를 완성하는 협업 과정을 거칠 예정이다.

3.5. 스타일픽 카드뉴스 제작을 위한 특징 정리

  • AI 기반 패션 추천 앱 ‘ 스타일픽’의 특징을 정리하여 카드뉴스 제작의 기초 자료로 활용한다.
  • 코파일럿이 스타일픽컨셉 작업 과정에서 학습한 정보를 바탕으로 앱의 주요 특징을 추출한다.
  • 카드뉴스는 주로 앱의 특징과 핵심 메시지를 그래픽과 함축된 슬로건으로 표현하므로, 이에 맞춰 정보를 정리한다.
  • 정리된 특징은 그래픽 디자인과 간결한 문구로 변환되어 카드뉴스의 핵심 내용을 구성할 것이다.

3.6. 카드뉴스 기획과 스토리보드 제작 과정

  • StylePick의 특징(AI 기반 추천, 사용자 친화적 인터페이스, 포인트 시스템, 다양성과 포용성 등)을 바탕으로 카드뉴스 4컷을 기획한다.
  • 각 컷에는 타이틀, 본문 내용, 이미지 내용이 포함되어야 하며, 스토리보드형식으로 간단하게 그림을 그린다.
  • 코파일럿의 한글 인식 문제로 인해 카드뉴스 내용을 가급적 영문으로 작성하여 요청한다.
  • 스토리보드작업 시 각 컷을 개별 이미지로 그리도록 요청하며, 실제 디자이너와의 협업을 고려한 작업 방식을 채택한다.
  • 한글 인식 문제로 인해 생성된 내용이 원래 의도와 다를 수 있으므로, 번역 과정을 거쳐 정확한 결과를 얻을 수 있다.

4. 🎨 마이크로소프트 디자이너를 활용한 효율적인 디자인 작업

captureSource
  • 마이크로소프트 디자이너는 캔바보다 더 강력한 그림 그리기 기능과 다양한 AI 기능을 제공한다.
  • 생성형 지우기, 배경 제거, 인페인팅 등 고급 이미지 편집 기능을 쉽게 사용할 수 있다.
  • 텍스트 작업, 한글 폰트 업로드, 템플릿사용 등 다양한 디자인 요소를 손쉽게 적용할 수 있다.
  • 브랜드 킷 기능을 통해 회사의 브랜드 색상과 스타일을 쉽게 적용할 수 있다.
  • 아바타, 카드, 소셜 미디어 게시물 등 다양한 유형의 콘텐츠를 빠르게 제작할 수 있어 디자인 작업의 효율성을 크게 높일 수 있다.

4.1. 유튜브 썸네일 기획과 코파일럿 디자이너 활용

  • 유튜브 채널의 여행 콘텐츠 썸네일 제작을 위해 기획 요소로 타이틀, 시각 요소, 브랜딩, 호기심 유발, 텍스트와 이미지의 균형을 고려한다.
  • 테마는 “대학 졸업 후 취업 전 떠나는 나를 찾는 유럽 여행“으로 설정하여 썸네일을 기획한다.
  • 코파일럿 디자이너에게 기획 요소, 컨셉, 제작 방법, 예시 썸네일을 요청하여 효율적인 작업 흐름을 구축한다.
  • 매력적인 유럽 여행 이미지로 유명 관광지, 배낭을 메고 있는 여행자의 모습, 사진 찍는 장면 등을 활용한다.
  • 스토리보드에 적합한 스타일로 예시를 그리고, 텍스트는 영어로 작성하여 국제적인 감각을 더한다.

4.2. 코파일럿 디자이너의 이미지 편집 기능

  • 코파일럿 디자이너는 이미지 리사이징, 저장, 다운로드, 커스터마이징 등 다양한 기능을 제공한다.
  • 마이크로소프트 디자이너는 캔바보다 더 강력한 그림 그리기 기능과 다양한 AI 기능을 포함하고 있다.
  • 배경 제거, 자르기, 생성형 지우기 등의 AI 도구를 통해 이미지를 세밀하게 편집할 수 있다.
  • 생성형 지우기 기능을 사용하면 선택한 영역을 자동으로 감지하여 삭제하거나 재생성할 수 있다.
  • 브러시 도구를 이용해 수동으로 영역을 선택하고 편집하는 인페인팅 기능도 제공한다.

4.3. ️ 코파일럿의 텍스트 편집 및 템플릿 활용

  • 코파일럿은 이미지 생성형 AI의 약점인 텍스트 삽입을 쉽게 해결할 수 있는 기능을 제공한다.
  • 글자를 바로 삽입하고 편집할 수 있어 별도의 이미지 편집 툴 없이 작업이 가능하다.
  • 한글 폰트 업로드 기능을 통해 다양한 한글 글꼴을 사용할 수 있다.
  • 다양한 템플릿을 제공하여 빠르고 효율적인 디자인 작업이 가능하다.
  • 패션 등 특정 주제에 맞는 템플릿을 검색하여 사용할 수 있다.

4.4. 코파일럿 디자이너의 다양한 기능과 브랜드 킷 활용

  • 코파일럿 디자이너는 미디어, 시각 효과, 텍스트 스타일 등 다양한 디자인 요소를 제공하며, 사용자가 직접 업로드할 수도 있다.
  • 브랜드 킷 기능을 통해 색상 팔레트를 쉽게 선택하고 적용할 수 있어, 배경과 글자 등을 조화롭게 디자인할 수 있다.
  • 회사의 BI(Brand Identity)를 브랜드 킷에 등록하면 작업 시 일관된 브랜드 이미지를 유지할 수 있다.
  • 메인 페이지에서는 이미지, 카드, 아이콘, 소셜 게시물, 스티커, 아바타 등 다양한 템플릿을 제공하여 효율적인 디자인 작업이 가능하다.

4.5. 코파일럿 디자이너의 다양한 활용과 장점

  • 코파일럿 디자이너는 아바타 제작, 카드 뉴스, 배경 등 다양한 템플릿을 제공하여 손쉽게 고품질 이미지를 생성할 수 있다.
  • 사용자는 템플릿의 세부 사항(예: 캐릭터 스타일, 의상, 동물 종류 등)을 쉽게 수정하여 원하는 이미지를 만들 수 있다.
  • 코파일럿 디자이너는 대화 맥락을 이해하고 컨셉 작업부터 최종 이미지 생성까지 일관성 있게 작업을 수행한다.
  • 텍스트 작업과 디자인 작업을 동시에 할 수 있어, 기존 AI 그림 도구보다 효율적이고 통합적인 작업이 가능하다.
  • 다음 에피소드에서는 컨텐츠 제작팀을 소개하며, 영상 컨텐츠 제작과 음악 작업 등을 다룰 예정이다.

5. 🖥️ 코파일럿 무료 버전과 프로 버전의 차이점

captureSource
  • 무료 버전은 부스터 기능이 15개로 제한되어 있으며, 프로 버전은 100개까지 사용 가능하다.
  • 프로 버전은 무료 버전에 비해 텍스트 생성과 이미지 생성 속도가 훨씬 빠르다.
  • 일부 기능(예: 한글 지원, 이미지 편집)은 무료와 프로 버전 간에 차이가 있으며, 지속적으로 업데이트되고 있다.
  • MS 디자이너 기능은 현재 영어 설정에서만 사용 가능하며, 무료로 이용할 수 있다.
  • 이미지 크기 조절 기능은 아직 완벽하게 구현되지 않았으며, 정사각형에서 다른 비율로 변경 시 문제가 발생할 수 있다.

5.1. 코파일럿 무료/유료 버전의 주요 차이점

  • 무료 버전은 부스터 기능이 15개로 제한되어 있지만, 유료 버전은 매일 100개로 설정되어 있다.
  • 부스터는 그림 생성 속도를 높여주는 엔진 역할을 하며, 이것이 소진되면 그림 그리는 속도가 현저히 느려진다.
  • 유료 버전은 무료 버전에 비해 전반적인 텍스트 및 이미지 생성 속도가 훨씬 빠르다.
  • 한글 지원MS 디자이너 연결 기능은 아직 완전히 확정되지 않아 무료와 유료 버전 간 차이가 불분명하다.
  • 마이크로소프트는 때때로 새로운 기능을 무료 사용자에게 먼저 적용하는 경향이 있다.

5.2. ️ 코파일럿과 MS 디자이너 사용 팁

  • MS 디자이너는 무료로 사용 가능하며, designer.microsoft.com에서 바로 접근할 수 있다.
  • 코파일럿에서 이미지 관련 메뉴는 언어 설정이 영어일 때만 현재 표시된다.
  • 코파일럿의 언어 설정은 사용자 이름 옆에 있는 옵션에서 변경할 수 있다.
  • MS 디자이너연동 기능은 아직 불안정하여 간헐적으로 나타났다 사라지는 현상이 있지만, 향후 모든 사용자가 사용할 수 있도록 개선될 것으로 예상된다.
  • 코파일럿 프로 버전에서는 이미지 영역 선택 및 편집 기능이 제공되었으나, 현재는 일시적으로 사용할 수 없는 상태이다.

5.3. ️ 코파일럿의 이미지 사이즈 조절 기능 업데이트

  • 이미지 사이즈 조절 기능은 프로 버전에서 먼저 도입되었으며, 현재 일반 버전에도 적용되고 있다.
  • 현재 이미지 리사이징 시 정사각형 형태로 변환되며, 가로세로 비율 변경 시 일부 오류가 발생하는 것으로 보인다.
  • 이미지 해상도는 1:1 비율일 때 1024×1024, 4:3 비율일 때 약 1792×1024로 설정된다.
  • 코파일럿은 지속적으로 기능이 추가되고 있어, 사용자 요구사항을 반영한 업데이트가 계속 이루어지고 있다.
  • 업데이트 과정에서 일시적인 오류나 불안정한 동작이 발생할 수 있으나, 점차 개선되고 있다.

무료로 개최되는 퓨쳐워커쇼는 라이브클래스에서 신청하실 수 있습니다. https://livetutor.liveklass.com/

일단 신청만 해두시면 본방사수를 못하더라도 풀영상을 [나의 강의실]에서 유튜브보다 먼저 시청하실 수 있으니 많은 참여 바랍니다.