매력적인 이메일 마케팅 디자인 팁

시선을 사로잡고 행동을 고취시키는 이메일 마케팅 캠페인을 만들어 보세요.

스마트폰, 태블릿, 노트북에 표시된 이메일 디자인

이메일 디자인의 기본 요소

이메일은 고객과 커뮤니케이션하는 기본 방식이며, 올바른 디자인을 바탕으로 한 제작이 중요합니다. 약 40%의 이메일이 8초 이내에 소비되므로 독자가 메시지의 중요한 내용을 빠르고 손쉽게 볼 수 있도록 해야 합니다.

 

 

 

이메일 디자인 팁 및 모범 사례

매력적인 이메일 디자인을 통해 클릭률을 높이고 행동을 고취시킬 수 있습니다. 전략적으로 구성된 이메일 콘텐츠로 독자에게 원하는 행동을 명확하게 전달하세요.

 

명확하고 간결하게

항상 바쁜 고객은 이메일이 읽기 쉬워야 합니다. 개발자가 html로 제작할 수 있는 디자인을 사용하고 여러 이메일 클라이언트에서 잘 표시되도록 콘텐츠를 신중하게 선별하세요. 텍스트는 큰 제목과 어울릴 정도로 작은 단락으로 나눠야 합니다. 공백 즉, 간단한 배경색을 제외한 빈 영역은 콘텐츠가 빽빽하거나 부담스럽게 보이지 않도록 하며 중요한 요소를 강조하는 데 도움이 됩니다.

 

하나의 주요 CTA에 집중

독자가 클릭할 때 이동하는 위치를 명확하게 해야 합니다. 이메일에 CTA(클릭 유도 문안 또는 동작 버튼)가 여러 개 필요한 경우 계층 구조로 구성하세요. 잘 보이는 색상을 사용하여 가장 시급한 동작을 나타냅니다. 주요 CTA가 이메일에서 상위에 놓여야 하며 그 다음에 보조 CTA를 배치합니다. 텍스트 링크 CTA 또는 간단한 윤곽선이 있는 버튼이 보조 CTA로 효과적일 수 있습니다.

 

이미지를 적절하게 활용

빠르게 로드되는 웹에 최적화된 이미지를 사용하세요. 이메일용 이미지는 800픽셀보다 크지 않아도 됩니다. 이미지가 깨지거나 독자가 시각 장애인을 위한 프로그램을 사용하는 경우 설명식 대체 텍스트를 포함합니다. 애니메이션 GIF는 메시지에 흥미를 더할 수 있지만 너무 많은 움직임은 로드 문제를 야기할 수 있으니 주의하세요. 브랜드 아이덴티티와 이메일의 전체 색상 구성표에 맞는 브랜드 이미지를 찾습니다.

 

아래쪽으로 시선이 내려가며 볼 수 있는 디자인 사용

이메일 레이아웃은 보는 사람이 계속 읽을 수 있도록 구성되어야 합니다. 이메일의 시각적 요소가 아래로 흐르는 와이어프레임을 만드세요. 역삼각형은 간단한 알림 이메일에, 지그재그 모양은 세련된 e커머스 이메일에, 깔끔하고 정돈된 열은 정보로 가득한 이메일 뉴스레터에 적합합니다.

3개의 이메일 디자인 예제

브랜드와 일관성 유지

이메일 디자인에 브랜드의 비주얼 아이덴티티를 통합하여 기업의 브랜드 인지도를 높이세요. 로고, 색상 팔레트, 타이포그래피 등 브랜드와 일관된 디자인 요소와 브랜드 키트의 다른 기본 요소를 사용합니다. 웹 사이트뿐만 아니라 이메일이 연결되는 랜딩 페이지를 따라 이메일을 모델링합니다. 팀이 이메일 디자인을 개발한 다음에는 이메일 템플릿을 만들어 향후 이메일을 디자인할 때 시간을 단축합니다.

 

마케팅 이메일 디자인 시 알아두어야 하는 추가 사항

  • 모바일 디바이스에 맞게 디자인을 최적화하세요. 2019년 7월에 이메일의 약 62%가 모바일 디바이스에서 열렸습니다. 모든 화면 크기에 맞게 조정되는 반응형 디자인은 이메일 캠페인 성과를 달성하는 데 중요한 요소입니다.

  • 의도에 맞는 제목을 작성하는 데 공을 들이세요. 제목은 추가 요소 같지만 이메일에서 가장 중요한 부분입니다. 고객이 이메일을 열도록 설득할 수 있는 기회이기도 합니다.

  • 고객의 입장에서 고객을 배려하세요. 오해의 소지가 있는 제목은 피하고 이메일을 너무 많이 보내지 않는 것이 좋습니다. 독자에게 중요한 정보를 제공하세요. 그렇지 않으면 구독을 취소할 가능성이 높습니다.


디자인이 우수한 이메일 예제

Behance에서 크리에이티브 전문가가 공유한 다양한 이메일 스타일을 살펴보면서 팀원과 디자인 프로세스를 시작하세요.

  • 그래픽 이메일 디자인
    패션 중심의 Betsey Johnson e커머스 이메일과 같이 흥미로운 그래픽과 모션을 만들 수 있습니다.

  • 사진 중심의 이메일 디자인
    이 패션 부티크의 무드보드 스타일 이메일과 같이 콜라주 기법을 사용하여 여러 사진을 결합할 수 있습니다.

  • 미니멀한 이메일 디자인
    앱 런칭을 위한 이메일 캠페인과 같이 임팩트 있고 행동을 고취시키는 깔끔하고 미니멀한 디자인을 제작할 수 있습니다.

  • 텍스트 기반의 이메일 디자인
    알림 이메일은 간단하게 만드세요. 이 결제 영수증 이메일과 같이 텍스트 기반의 이메일도 잘 디자인할 수 있습니다.

  • 목록 기반의 이메일 디자인
    이메일에 많은 정보를 담아야 하는 경우 이 동계 올림픽 뉴스레터와 같이 축소판 이미지와 그래픽으로 구분된 포드로 나눠 보세요.
Adobe XD에서 프로토타이핑된 이메일 디자인

팀원과 함께 매력적인 이메일 제작

이메일을 디자인할 준비가 되셨나요? Adobe Creative Cloud for teams에 포함된 앱은 탁월한 선택입니다. 효과적인 이메일 제작을 위한 Adobe 앱의 기능을 살펴보세요.

 

모든 브랜드 자료로 대지 레이아웃 구성

Adobe Illustrator를 사용하여 일관된 마케팅 자료를 만들기 위한 방법을 살펴보세요.

 

이메일에 적합한 색상 팔레트 선택

Illustrator의 Adobe 색상 테마 패널에서 색상 팔레트 만들기 및 저장 방법을 확인하세요.

 

템플릿으로 시작하여 빠르게 이메일 디자인 제작

Photoshop에서 Adobe Stock 템플릿을 열어 세련된 이메일을 만드는 방법을 살펴보세요.

 

팀원과 이메일 디자인 공유 및 검토

Adobe XD를 사용하여 이메일 디자인을 공유하고, 팀원과 검토하고, 다른 디자이너와 협업할 수 있습니다. Creative Cloud Libraries를 이용하면 다양한 앱과 디바이스에서 모든 프로젝트에 적합한 최신 로고와 에셋으로 공동 작업이 수월해집니다.

비즈니스 성장을 도모하는 크리에이티브한 방법

고객 사례


Creative Cloud for teams를 사용하여 탁월한 경험을 구축하는 Adobe 고객 사례

모범 사례


효과적인 디자인, 마케팅 등을 위한 최신 가이드라인

튜토리얼


단계별 튜토리얼을 통해 창작물의 완성도 향상

매력적인 이메일 디자인에 유용한 앱

Adobe XD 로고

 XD

Adobe Illustrator 로고

Creative Cloud for teams 플랜 선택

모든 플랜에는 간편한 라이선스 관리를 위한 Admin Console, 24시간 연중무휴 기술 지원, Adobe Talent에서 무제한으로 채용 공고 게시, 1TB 스토리지가 포함되어 있습니다.

단일 앱

₩44,000/월
(라이선스당, 부가세 별도)


Photoshop, Illustrator, InDesign, Acrobat Pro 등 원하는 하나의 Adobe 크리에이티브 앱을 이용하세요.*

추천

모든 앱

₩104,000/월

(라이선스당, 부가세 별도)

 

Photoshop, Illustrator, InDesign, Adobe Express, XD 등 20개 이상의 Adobe 크리에이티브 앱을 이용하세요.

 전화(080-500-4019)로 문의 또는 상담 요청

궁금한 사항이 있으십니까? 채팅하기

대규모 조직용으로 구매하고자 하십니까? Creative Cloud for enterprise에 대한 자세한 내용


* Acrobat Pro, Lightroom 및 InCopy 단일 앱은 100GB 스토리지와 함께 제공됩니다.