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 종이 질감
더보기
[Point]
배민의 '위트'를 잃지 않으면서 연말의 '온기'와 크리스마스의 '화려함'을 적절하게 배합하여 사용자가 매일 앱을 열어보는 즐거움을 시각화하기
  • 사용 이미지
    • 배민 캐릭터 ‘배달이(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

+ Recent posts