[TIL] [내일배움캠프 사전캠프] 브랜드 콘텐츠 디자인 기획 및 제작 (canva) & 브랜드 배너 디자인 기획안 작성 & 피그마 4-4~6 강의 수강

[오늘의 학습 주제]

브랜드 콘텐츠 디자인 기획 및 제작 (canva) & 브랜드 배너 디자인 기획안 작성 & 피그마 4-4~8 강의 수강

 

[오늘의 학습 : 무엇을 배웠는지 요약하기]

1. 브랜드 콘텐츠 디자인은 Canva를 이용하여 광고 이미지를 2개 제작하였습니다. 광고 이미지를 만들기 위해 어떤 과정을 통해 어떻게 만들어지는 실습을 통해 학습했습니다. 또한 간단하게 Canva의 사용방법을 알아보았습니다. 

 

2. 브랜드 배너 디자인 기획안을 작성하였습니다. 무신사와 배달의 민족 중 하나를 선택하여 배너 기획안을 작성하는 것입니다. 디자인 하기 앞서 어떤 사용자가 사용하게 유도할지 어떤 제품을 배너에 보여줄지를 문서로 작성하는 단계를 학습하였습니다. 

 

3. 컴포넌트 프로퍼리 (불리언, 인스턴스 스왑, 텍스트)를 어떻게 적용하는지 실습을 통해 알아보았습니다.
[실습 과제]

 

▶ 브랜드 콘텐츠 디자인 기획 및 제작 (canva)

다른 기업들을 리퍼런스하여 나이대, 대상, 이유, 광고 목적, 광고 포인트를 표로 정리해보았습니다.

맥도날드	https://www.mcdonalds.co.kr/kor/promotion/detail/A3088A?utm_medium=Corp_site&utm_source=&utm_campaign=2026_SPF	연령제한 없음 / 고구마튀김을 좋아하는 누구나 / 감자보다 고구마를 선호함	구매	바삭 달콤하구마!
벤포벨S	https://www.benfobell.com/?utm_source=naver&utm_medium=brandsearch&utm_campaign=benfobell&utm_content=nbs_homelink_pc_251124&utm_term=벤포벨에스	40~50대 / 남성 / 직장생활로 피로 및 체력저하	구매	어른들의 피로회복제
서울우유	https://www.seoulmilk.co.kr/enterprise/event/tv_cf.sm	연령제한 제한없음 / 우유를 좋아하거나 싫어하는 사람 / 어떤 우유를 마실지 고민	구매	언제나, 누구나, 안심하고 편안하게 서울우유

 

실습 주제 : 내일 배움캠프 AI 디자이너 부트캠프를 광고하기

📃 첫번째 기획안

1. 타깃 : AI 디자이너에 관심있는 20대 남녀
2. 콘텐츠 목적 : AI 디자이너 지원자 모집을 위함, 광고를 포스터처럼 보이게 하여 주목성을 높임.
3. 핵심 메시지 : AI 디자인의 시대 : AI의 상상력 X 인간의 감성
4. 톤앤매너 : 영화 포스터 느낌, 신비로움
5. 참고 이미지 스타일 : 아바타 포스터

📃 두번째 기획안

1. 타깃 : AI 디자이너 부트캠프 혜택이 궁금하신 분들
2. 콘텐츠 목적 : AI 디자이너 부트캠프 혜택 홍보
3. 핵심 메시지 : 510만원 상당 취업 패키지 제공
4. 톤앤매너 : 친철함, 차가운 분위기
5. 참고 이미지 스타일 :

 

▶ 브랜드 배너 디자인 기획안 작성

오늘의 과제: 배너 기획안 작성

 

아래 브랜드 중 하나를 선택하여 배너 기획서를 작성해주세요.

선택지: 무신사

레퍼런스 수집

 

해당 브랜드의 배너 이미지 5장 이상 수집

 

 

디자인 특징을 분석해보세요 (색감, 문구, 레이아웃 등)

 

색감 : 전체적으로 무신사의 메인컬러인 검은색, 화이트, 뉴트럴 톤들이 지배적이지만 카테고리 별로 색감을 달리하여 카테고리만의 개성과 느낌을 준다.

 

문구 : 화려하지 않고 무난한 고딕계열 폰트를 사용했고 화이트 컬러를 사용해 가독성을 높였고 이미지에 더욱 주목하게 만들었다. 좌측 하단에 놓았고 타이틀 및 서브 텍스트는 크기를 서로 달리하였다.

 

레이아웃 : 한 화면 안에 이미지가 3가지 정도 보이도록 레이아웃을 구성하였다. 2와 6과 같은 이벤트성 배너들은 한 화면에 크게 보이도록 구성하였다.

 

이미지 : 카테고리 별로 어울리는 모델과 제품들을 등장시켰고 카테고리를 보고 떠오르는 키워드를 중심으로 이미지를 구성하였다.

 

내가 기획한 배너 : 무신사

 

1. 프로젝트 개요

캠페인/프로모션명: 무신사 X 퍼퓸그라피 세일 이벤트

배너 목적: 퍼퓸그라피 홍보 및 판매 유도

배너 종류: 메인 홈 상단 슬라 배너 (무신사 PC 웹 메인 상단)

 

2. 콘텐츠 기획

주요 메시지(Key Message): 향수의 모든 것을 오직 무신사에서 만나보세요!

서브 메시지(Sub Message): 나만의 개성을 만들어보세요.

Call To Action(CTA): 찾아보기

목표 사용자(Target Audience):

30~50대 여성

향수를 좋아하고 수집하는 것을 좋아하는 소비자

무신사 기존 이용자 또는 신규 유입자

배너 연결 링크(URL): https://musinsa.com/andar-event (예시 URL)

 

3. 디자인 가이드

크기 및 해상도: 1920×600px / Retina 대응 필요 (2x)

톤앤매너:

고급스럽고 우아한 브라운, 골드 계열 컬러 사용

봄, 여름 향수는 밝고 상쾌한 분위기, 가을 겨울 향수는 차분하고 우아한 분위기 연출

텍스트는 최소화 이미지 극대화

사용 이미지:

테이블에 다양한 향수가 놓여 있는 AI 이미지 1종

폰트 가이드:

제목: Source Han Serif 본명조 / Bold

본문/CTA: Source Han Serif 본명조/ Regular

컬러 가이드:

#000000 (Black)

#FFFFFF (White)

##6E5034 (CTA 강조색 / 퍼퓸그라피 브라운 계열) (CTA 강조색 / 퍼퓸그라피 브라운 계열)

비주얼 참고 레퍼런스:

무신사 기존 입점 브랜드 배너 7종

링크 또는 첨부된 스크린샷 참고

 

4. 기타

노출 위치: 무신사 PC 메인 배너 1순위 슬롯

 

▶ 피그마 4-4~6 수강

 

컴포넌트 프로퍼티 불리언 적용하기

 

불리언 : 보이게 하거나 안 보이게 하는 기능

 

1. 아이콘을 컴포넌트 적용하고 복사하여 인스턴스를 만든다.

2. 인스턴스 아이콘을 버튼 앞 쪽에 넣는다.

3. 컴포넌트를 선택하고 속성 패널에서 + 를 선택한다.

4. 불리언을 선택한다

5. 바꿀 값의 이름을 입력하고 참 설정 후 적용한다

6. 아이콘 선택 후 외형 패널에서 화살표 모양을 클릭 후 만든 속성을 누르면 적용된다.

7. 버튼의 인스턴스를 만들고 속성 패널에 불리언이 생겼는지 확인한다. 

 

인스턴스 스왑 : 인스턴스를 다른 인스턴스로 교체하는 기능

 

1.컴포넌트를 선택하고 속성 패널에서 + 를 선택한다.

2. 인스턴스를 선택한다

3. 바꿀 값의 이름을 입력하고 인스턴스 하나를 선택 후 + 를 누르고 바꿀 인스턴스를 선택한다.

4. 아이콘 선택 후 오른쪽 패널에서 맨 위 상단에 있는 화살표 모양을 클릭 후 만든 속성을 누르면 적용된다.

5. 버튼의 인스턴스를 만들고 속성 패널에 인스턴스 스왑이 적용됐는지 확인한다. 

 

텍스트 : 텍스트 수정하기 위한 기능

 

1.컴포넌트를 선택하고 속성 패널에서 + 를 선택한다.

2. 텍스트를 선택한다

3. 속성의 이름을 입력하고 텍스트 입력 후 적용한다.

4. 텍스트 선택 후 오른쪽 패널에서 맨 위 상단에 있는 화살표 모양을 클릭 후 만든 속성을 누르면 적용된다.

5. 버튼의 인스턴스를 만들고 속성 패널에 텍스트 속성이 적용됐는지 확인한다. 

 

[정리]

예전에는 무작정 이미지를 만들기 급급했지만 광고 리퍼런스 수집과 기획안 작성 및 칸바를 이용한 광고 이미지를 만들면서 체계적으로 이미지를 만드는 방법을 터득했습니다. 이런 식으로 단계적으로 이미지를 만드니까 훨씬 수월하고 디자인을 반영하기 쉬웠습니다. 

 

무신사 배너 기획안을 작성하면서 무심코 지나쳤던 배너를 좀 더 자세히 들여다보게 되었고 하나의 배너를 만들기 위해 수많은 사항을 고려해야 하는 것을 배웠습니다. 

 

컴포넌트 속성 실습을 통해 훨씬 이해가 쉽게 되었습니다. 외우려고 하고 하지않고 이해하려고 노력하고 있습니다.