0. 브랜드 선택: 배달의민족
1. 레퍼런스 수집
ㄴ 해당 브랜드 배너 이미지 5장 이상 수집
ㄴ 디자인 특징 분석 (색감, 문구, 레이아웃 등)
[디자인 특징 분석]

* 이미지 출처: LINK
* 색감: 밝은 흰색 톤 배경
* 문구
- 대한민국 1등 배달어플
: 고딕 느낌 폰트 사용
: 브랜드 이름 위 상단 배치
: '1등' 문구 브랜드 색상+금메달 느낌의 아이콘으로 강조
: 그레이 톤 색상 사용
- 배달의민족
: 브랜드 폰트 사용(배민체), Bold 효과
: 블랙보다 살짝 밝은 차콜 계열 색상 사용
: 화면 중앙 상단부 위치
- 배민B마트
: 브랜드 로고 사용
- 새해 맞이 인기상품, 최대 50% 할인 중
: 최대 50% 할인 중 문구에 민트 톤 색상으로 음영 처리하여 강조
: 새해 맞이 문구보다 할인 문구 크기가 더 크도록 배치
- 일부 지역에서는 아직 서비스 이용이 어렵습니다.
: 얇은 고딕 느낌 폰트 사용, 연한 회색 색상 사용, 화면 하단 부 위치
* 레이아웃
- 여백: 상단, 중앙 여백 배민B마트와 배달의민족 문구 사이 간격
- 글자 처리: 상기 각 문구 내용 내 기재

* 이미지 출처: LINK
* 색감: 브랜드 색상(민트 계열) 배경 + 흰색 글씨
* 문구
- 좋은 음식을 먹고 싶은 곳에서
: 브랜드 이름 위에, 브랜드 이름보다 작은 크기로 배치
- 배달의민족
: 브랜드 폰트 사용
* 레이아웃
- 여백: 상/하, 좌/우 여백 동일한 것으로 보여짐
- 글자 처리: 중요 텍스트 중앙 배치
- 라이더, 음식 아이콘: 브랜드 이름 우측 대각선 위 적절하게 배치

* 이미지 출처: LINK
* 색감: 축제 느낌의 알록달록한 색상 포인트, 포장마차 느낌의 따뜻한 톤, 갈색/주황색 느낌
* 문구
- 집에서 바로 맛보는 따뜻함
: 흰색 고딕 계열 폰트 사용, 본문 위 부제 배치
- 전통시장도 배달됩니다
: 브랜드 폰트 사용, 흰색, 텍스트 크기로 강조
* 레이아웃
- 여백: 부제, 본문 사이 간격 일정, 좌측 밑 하단 부 여백 동일
- 글자 처리: 상기 각 문구 내용 내 기재
- 아이콘: 할머니/할아버지가 생각나게 하는 아이콘, 전통 시장에서 팔 것 같은 음식(곶감, 약과, 김치전 등) 배치

* 이미지 출처: LINK
* 색감: 흰색 톤 배경, 브랜드 컬러 톤의 배경 패턴, 노란색/빨간색 사용하여 메시지 강조
* 문구
- 오늘은? 파스타!
: 브랜드 폰트 사용, 가장 상단 부에, 가장 크게 배치
- 배달의민족
: 브랜드 폰트 사용, 라이더 아이콘 삽입
- 아시안·양식 맛집랭킹 1위!
: 아이콘 모양의 둥근 모서리, 브랜드 컬러 배경 색, 맛집랭킹 1위! 문구 노란색으로 강조
- 배달의민족에서 '오늘은파스타'를 검색하세요!
: 손글씨체 느낌의 폰트 사용, '오늘은파스타' 빨간색으로 강조
- 포장주문시 1,000원 할인해드립니다!
: 쿠폰 모양 아이콘 내 텍스트 삽입, 1,000원 노란색으로 강조
- 포장·배달 주문전화, 가게 전화번호
: 가게 전화번호 하단 부에 배치, 노란색으로 강조
* 레이아웃
- 상단 부 콜라보 아이콘 삽입
- 여백: 본문과 상단 부제 여백 간격 동일, 하단 부 여백 없이 사진 삽입
- 글자 처리: 상기 각 문구 내용 내 기재
- 할인 문구를 쿠폰 아이콘 내 삽입하여 쿠폰을 강조
- 하단 부 가게 음식(파스타) 실사 삽입

* 이미지 출처: LINK
* 색감: 흰색 톤, 일상/도시 느낌, 자주 보는 버스 정류장에 배치한 예시
* 문구
- 이런 배달맛집이 있다니
: 블랙, 브랜드 폰트 사용, 본문보다 작은 글꼴, 본문 바로 위에 배치
- 부럽다 OO동
: 블랙, 브랜드 폰트 사용, 폰트 크기를 키워 내용 강조
* 레이아웃
- 여백: 중앙 상단부 위주 문구 배치, 상/하, 좌/우 여백 동일
- 글자 처리: 상기 각 문구 내용 내 기재 - 상단 부 브랜드 로고 및 다운로드 가능 App 스토어 아이콘 배치- 브랜드 홍보 연예인+홍보 가게 정보 및 별점 판넬 실사 배치
2. 배너 기획서 작성
1. 프로젝트 개요
- 캠페인/프로모션 명: 배달의민족 크리스마스+연말 출석 이벤트
- 배너 목적: 이벤트 알림 수신 동의 유도, 앱 접속 및 사용, 주문 활성화
- 배너 종류: 메인 프로모션 배너 (앱 홈 상단 / 웹 메인 / 푸시 배너)
2. 콘텐츠 기획
- 주요 메시지(Key Message)
- 산타는 알고 계신대, 누가 알림 켰는지 ~ 🎅
- 오늘 출석 안 하면 내일 후회할지도 ? / 2025년 마지막 행운이 기다리고 있어요 🍀
- 올해 수고한 나에게 주는 가장 맛있는 선물 (🍴 or 🥂)
- 서브 메시지(Sub Message)
- 지금 알림을 켜고 크리스마스 깜짝 쿠폰 알림을 가장 먼저 받으세요 🎄
- 매일 출석하고 쌓인 포인트로 따뜻한 연말 보내세요. / 모은 포인트에 연말 전용 쿠폰 더해서 풍성한 파티를 즐기세요.
- 출석 혜택으로 연말 홈파티 메뉴 고민 끝 !! 😋
- Call To Action(CTA)
- [혜택 알림 켜기] / [알림 받고 선물 받기]
- [행운 확인하러 가기] / [산타 흔들어 깨우기]
- [홈파티 메뉴 보러가기] / [쿠폰 써서 주문하기]
- 목표 사용자(Target Audience)
- 배달 앱 사용자 (연령 무관)
- 배달의민족 기존 사용자 및 경쟁 앱 사용 유저 전환 유도
- 앱 알람을 상시 확인하는 사용자
- 배너 연결 링크(URL): https://ceo.baemin.com/affiliates (예시)
3. 디자인 가이드
- 크기 및 해상도
- 앱 홈 상단 배너: 1080 x 450px(상단 배너 가로형 광고 형식)
- 모바일 웹 배너: 1080 ×540px(모바일 웹)
- 푸시 배너: 512 × 512px(기본 이미지) 1080 × 540px(펼친 화면)
제목: 최대 30자 이내 (이모지 포함 가능)
본문: 기본 화면 기준 35자 이내 (Android), 펼침 화면 시 최대 440자까지 지원 가능
※ 제작 시 주요 피사체나 텍스트는 이미지 중앙에 배치하여 기기별로 이미지가 잘리지 않도록 주의
- 톤앤매너
- 네온 & 파티 스타일 + 위트 있는 배민 스타일 유지
- 배민 민트색(#2AC1BC) + 크리스마스 레드/그린 원색 조합
- 캐릭터(BBI) 기본으로 하되 산타 모자 or 수염을 더하기
- 비주얼 요소: 네온사인 효과(반짝이는 전구 배치), 3d 선물 상자
- 컨셉: 카운트다운 출석 파티
- 이벤트 알림의 중요성 강조(알림 켰는지, 내일 후회할지도?)
- 이벤트 기간의 한정성 강조(마지막 행운, 올해 수고한 나에게)
- 아이콘 활용: 출석 도장 디자인(루돌프 코, 붕어빵, 눈사람, 산타모자 모양)
- 질감 처리: 배너 배경에 눈이 내린듯한 느낌 or 종이 질감
배민의 '위트'를 잃지 않으면서 연말의 '온기'와 크리스마스의 '화려함'을 적절하게 배합하여 사용자가 매일 앱을 열어보는 즐거움을 시각화하기
- 사용 이미지
- 배민 캐릭터 ‘배달이(BBI)’ 산타 일러스트
- 반짝이는 전구(네온 사인 테두리)
- 3d 선물 상자
- 크리스마스 트리 or 리스
- 루돌프, 붕어빵, 눈사람, 산타모자 아이콘
- 배민 앱 UI 일부 캡처 이미지 or 아이콘
- 폰트 가이드
- 제목: 배민 꾸불림체 / 주아체 / 한나체 Pro / G마켓산스 Bold
- 본문/CTA: 배달의민족 한나체 Air / Noto Sans KR Regular (본고딕) / Pretendard Medium/Regular (프리텐다드)
'산세리프(고딕)와 세리프(명조)의 혼용'이 유행
예를 들어, "선물은 [명조체: 따뜻하게], 배달은 [고딕체: 신속하게]" 처럼 중요한 형용사만 명조체로 포인트
(지마켓 산스, 리디바탕 모두 적용해보기)
- 컬러 가이드
- #2AC1BC (배민 메인 컬러)
- #FFFFFF / #000000 (배경)
- #F2F2F2, #260B01, #000000 (텍스트)
- #D9042B, #027333 (강조용)




- 비주얼 참고 레퍼런스
- 배민외식업광장 내 동향 게시글 이미지 참고

출처 : LINK
- 24년도 배민 오피셜 인스타 게시글

출처 : LINK
- 22년도 중소벤처기업부x 배달의 민족은 '배민B마트' 크리스마스 관련 기획전

출처 : LINK
'[사전 캠프]' 카테고리의 다른 글
| [내일배움캠프 사전캠프] 6일차 - 피그마 프라이머리, Coolors | Styler 플러그인, 디자인 실습 (3) | 2025.12.22 |
|---|---|
| [내일배움캠프 사전캠프] 5일차 - 파운데이션, 생성형 AI, LLM (3) | 2025.12.19 |
| [내일배움캠프 사전캠프] 4일차 - Figma 프레임, 오토레이아웃, AI 디자인 (0) | 2025.12.18 |
| [내일배움캠프 사전캠프] 3일차 - 디자인 수정해보기, Figma, AI (6) | 2025.12.17 |
| [내일배움캠프 사전캠프] 2일차 - 생애 첫 디자인하기 (2) | 2025.12.16 |