메시지 유형별 디자인 권장 사이즈

Updated by Editor

PC 메시지 디자인


팝업

권장 사이즈 : 430 * 290px

팝업 메시지 유형은 반투명 배경 위에 캠페인(메시지)을 강조하여 노출합니다.

💬 권장 사이즈는 430 * 290px 이지만 가로 500px, 세로 500px 이하로 자유롭게 설정할 수 있습니다.


풀 스크린

권장 사이즈 : 1280 * 800px

페이지 전체를 사용하여 캠페인(메시지)을 노출하는 메시지 유형입니다.

💬 풀 스크린 메시지 같은 경우 [GroobeeWrap] 권장 사이즈 1280 * 800px 이지만, 사이트 특성에 맞춰 자유롭게 설정할 수 있습니다.

[GroobeeWrap] 이란? 고객에게 전달할 주요 메시지가 들어갈 내용을 구성할 수 있는 가상의 스케치북 입니다.


슬라이드 인

권장 사이즈 : 250 * 350px

페이지 상,하,좌,우 중 원하는 위치에 캠페인(메시지)을 노출합니다.

💬 권장 사이즈는 250 * 350px 이지만 가로 500px, 세로 500px 이하로 자유롭게 설정할 수 있습니다.


플로팅 바

권장 사이즈 : 1280 * 100px

긴 띠배너 형태로 상단 또는 하단에 캠페인(메시지)을 노출합니다.

💬 플로팅 바 [GroobeeWrap] 권장 사이즈는 1280 * 100px 이지만, 사이트 특성에 맞춰 자유롭게 설정할 수 있습니다.

[GroobeeWrap] 이란? 고객에게 전달할 주요 메시지가 들어갈 내용을 구성할 수 있는 가상의 스케치북 입니다.

👉 여러 디바이스 화면 해상도에 맞게 '플로팅 바'를 적용하고 싶다면?


티저.

권장 사이즈 : 250 * 100px

티저 메시지는 메인 메시지 노출 전에 사이트에 방문한 고객에게 먼저 보여주어 클릭을 유도할 수 있습니다.

💬 권장 사이즈는 250 * 100px 이지만 가로 320px 이하로 자유롭게 설정할 수 있습니다.




Mobile 메시지 디자인

모바일의 경우 통 이미지 삽입 시, 아래 안내되는 권장 사이즈의 2배율 이미지를 삽입하면 선명하게 노출됩니다.


팝업

권장 사이즈 : 320 * 320px

반투명 배경 위에 캠페인(메시지)을 강조하여 노출합니다.

💬 권장 사이즈는 320 * 320px 이지만 권장 사이즈 이하로 자유롭게 설정할 수 있습니다.


풀 스크린

권장 사이즈 : 320 * 480px

페이지 전체를 사용하여 캠페인(메시지)을 노출합니다.

💬 풀 스크린 메시지 같은 경우 [GroobeeWrap] 권장 사이즈 320 * 480px 이지만, 사이트 특성에 맞춰 자유롭게 설정할 수 있습니다.

[GroobeeWrap] 이란? 고객에게 전달할 주요 메시지가 들어갈 내용을 구성할 수 있는 가상의 스케치북 입니다.


플로팅 바

권장 사이즈 : 320 * 65px

긴 배너 형태로 상단 또는 하단에 캠페인(메시지)을 노출합니다.

💬 플로팅 바 [GroobeeWrap] 권장 사이즈 320 * 65px 이지만, 사이트 특성에 자유롭게 설정할 수 있습니다.

[GroobeeWrap] 이란? 고객에게 전달할 주요 메시지가 들어갈 내용을 구성할 수 있는 가상의 스케치북 입니다.

👉 여러 디바이스 화면 해상도에 맞게 '플로팅 바'를 적용하고 싶다면?


티저

권장 사이즈 : 250 * 100px

티저 메시지는 메인 메시지 노출 전에 사이트에 방문한 고객에게 먼저 보여주어 클릭을 유도할 수 있습니다.

💬 권장 사이즈는 250 * 100px 이지만 가로 320px 이하로 자유롭게 설정할 수 있습니다.








💌ㅤ 메시지 디자인 만들기 가이드ㅤㅤ


👉 에디터 시작하기

👉 그루비 제안 템플릿으로 메시지 디자인 만들기

👉 통 이미지로 메시지 디자인 만들기 - 슬라이드인

👉 통 이미지로 메시지 디자인 만들기 - 플로팅 바

👉 배경 없는 PNG 이미지로 메시지 디자인 만들기

👉 CTA 버튼을 삽입한 메시지 디자인 작성

📌 CTA 버튼 사용 TIP!



How did we do?