팀이 좋아할 강력한 이메일 디자인 시스템을 위한 6단계

이메일 마케팅 담당자, 특히 캠페인을 구축하는 디자이너는 생산 프로세스를 개선할 방법을 끊임없이 찾고 있습니다. 자동화된 미리보기 및 품질 보증(QA) 도구를 수용하거나 이메일을 코딩하는 더 빠른 방법을 찾는 등 효율성이 게임의 이름입니다.

속도에 대한 요구와 함께 확장의 필요성이 있습니다. 특히 COVID-19가 시작되고 사람들이 재택근무를 하고 구매하면서 기업들은 그 어느 때보다 많은 이메일을 보내고 있습니다. 2020년 State of Email, Fall Edition에 따르면 54%는 팬데믹 이전 이후로 이메일 양이 증가했습니다. 그리고 팀은 혁신적이고 고품질 표준을 유지하면서 증가하는 수요를 따라잡기 위해 고군분투하고 있습니다.

우리가 점점 더 도움이 되고 다른 사람들이 큰 성공을 거두는 것을 목격한 한 가지 도구는 이메일 디자인 시스템입니다. 일반적으로 디자인 시스템은 효율성과 일관성이라는 두 가지 이유로 구축됩니다. 그러나 이메일 디자인 시스템은 무엇이며 팀의 성과를 개선하는 데 어떻게 사용할 수 있습니까?

이메일 디자인 시스템이란 무엇입니까?

이메일 디자인 시스템은 팀이 작업을 안내하고 브랜드에 맞는 오류 없는 이메일을 더 빠르고 일관되게 만드는 데 사용하는 재사용 가능한 구성 요소 및 표준의 모음입니다.

이메일 디자인 시스템의 구성 요소는 일반적으로 다음으로 구성됩니다.

• 브랜드 색상 및 로고, 아이콘, 이미지와 같은 자산
• 이메일 작성에 사용되는 이메일 모듈(예: 스니펫 및 부분)
• 여러 캠페인에서 재사용할 수 있는 전체 이메일 템플릿

표준은 종종 이러한 구성 요소의 사용을 지시하며 다음을 포함할 수 있습니다.

• 설계 시스템 사용에 대한 시작 회의 및 지속적인 교육
• 모듈 및 템플릿에 포함된 사용에 대한 HTML 주석
• 설계 및 구현 결정 이면의 논리와 같은 문서화

두 요소가 결합되어 진행 중인 글로벌 전염병과 같은 문제에 직면하더라도 팀이 이메일 마케팅 프로덕션을 확장할 수 있는 시스템을 형성합니다.

웨비나인 How Design Systems Empower Email Teams Everywhere에서 이메일 전문가들은 개인적인 경험과 통찰력을 공유했습니다.

"Stack Overflow의 디자인 시스템은 우리가 정규직이 아니더라도 누구나 기여하고 사용할 수 있도록 합니다." Ted Goas, 수석 제품 디자이너(이전에는 Stack Overflow에서)

나만의 이메일 디자인 시스템을 만드는 방법

그래픽 및 브랜드 자산에서 이메일에 포함된 실제 코드 및 사본에 이르기까지 이메일 디자인 시스템에 들어갈 수 있는 것이 많습니다. 그러나 대부분의 성공적인 디자인 시스템은 잘 테스트된 일련의 단계를 사용하여 생성됩니다. 자신만의 이메일 디자인 시스템을 만드는 방법은 다음과 같습니다.

1. 디자인 시스템 구축에 전념

첫 번째 단계는 이메일 디자인 시스템이 필요한지 결정한 다음 팀으로 구성하여 시스템을 구축하는 것입니다. 스스로에게 몇 가지 질문을 해보세요.

• 이메일 캠페인을 구축하는 데 시간이 오래 걸리나요?
• QA 프로세스 중이나 보내기를 누른 후 실수가 자주 발생합니까?
• 이메일 마케팅, 디자인, 개발을 돕는 사람들이 많이 있습니까?
• 현재 이메일 제작 프로세스가 방해를 받고 있다고 느끼십니까?

예라고 답했다면 자신만의 이메일 디자인 시스템을 만드는 것이 좋습니다. 팀이 이해 관계자와 직면한 문제에 대해 논의하고, 동의를 얻기 위해 설계 시스템의 많은 이점을 설명한 다음, 작업을 완료하는 데 시간과 리소스를 할당합니다.

"디자인 시스템은 기업을 브랜드로 유지하고 크고 작은 팀이 원활하게 구축할 수 있도록 지원합니다." Crystal Ledesma, 엔지니어링 관리자, Zillow 디자인 시스템

2. 기존 이메일 마케팅 프로그램 감사

다음 단계는 기존 이메일(마케팅 및 거래 모두)을 감사하고 이메일 디자인 시스템에 포함해야 하는 항목을 식별하는 것입니다.

이메일을 모듈식 템플릿으로 나누는 방법과 유사하게, 감사의 목적은 이메일에서 공통적인(또는 고유하고 설명해야 하는) 구성 요소를 파악하여 실제로 구축해야 하는 내용을 파악하는 것입니다. 이러한 구성 요소를 사용하기 위해 작성해야 하는 표준.

스프레드시트는 감사를 수행하는 데 매우 유용합니다. 하나를 열고 보내는 모든 이메일, 다양한 유형의 콘텐츠, 이미지, 버튼, 머리글, 바닥글, 면책조항 등을 문서화하십시오.

그리고 가능한 한 예시 스크린샷이나 라이브 이메일 링크를 포함해야 합니다. 이는 실제로 구성 요소를 구축할 때 좋은 참조 지점으로 작용합니다.

3. 설계 결정에 대해 논의 및 문서화

다음은 재미있는 부분입니다. 디자인 시스템을 구현하는 방법에 대해 서로 이야기하는 것입니다.

회의를 열고, Figma와 같은 협업 디자인 도구에서 함께 작업하거나, 공유 문서를 입력하여 디자인 시스템에 무엇이 포함되어야 하고 어떻게 구현해야 하는지에 대한 중요한 결정을 내리세요.

여기서 중요한 부분은 프로세스와 결정 이면의 추론을 문서화하여 모든 사람이 디자인 시스템 뒤에 있는 대상, 이유, 방법을 명확하게 하는 것입니다.

4. 디자인 시스템 및 가이드 구축

일반적인 합의가 이루어지면 이메일 디자인 시스템의 실제 구성 요소를 구축하고 구성해야 합니다. 조직 부분은 팀이 사용할 올바른 모듈을 쉽게 찾을 수 있도록 도와주기 때문에 특히 중요합니다.

이것은 우리 팀이 새 캠페인을 만들 때 사용할 브랜드 색상, 모듈 및 전체 템플릿을 저장할 수 있도록 하는 Litmus의 디자인 라이브러리를 사용하여 결국 해왔던 것입니다. 또한 모듈 유형(예: 헤더 또는 버튼), 이메일 유형(예: 뉴스레터 또는 이벤트) 또는 필요에 따라 태그를 지정하여 모듈을 분류할 수 있습니다.

또한 Litmus의 이메일 디자인 시스템을 사용하면 QA 테스트를 자동화하여 모든 것이 완벽한지 확인한 다음, 코딩 전문가가 아닌 모든 사람이 끌어서 놓기 방식의 Visual Editor를 사용하여 이메일을 빠르게 작성할 수 있도록 할 수 있습니다.

그러나 구성 요소가 저장되는 위치 외에도 디자인 시스템의 나머지 절반인 사용 표준을 문서화해야 합니다. 우리에게는 대부분 Confluence에서 발생하지만 공유되고 업데이트하기 쉽고 참조하기 쉬운 모든 유형의 문서가 가능합니다. 우리는 팀이 디자인 시스템을 문서화하기 위해 PDF 및 슬라이드 데크에서 완전한 웹 사이트에 이르기까지 모든 것을 사용하는 것을 보았습니다. 영감을 얻고 싶다면 Mutual of Omaha의 이메일 디자인 가이드의 열렬한 팬입니다.

5. 다른 사람들을 탑승시키세요

일단 구축되고 문서화되면 사람들을 참여시키고 실제로 이메일 디자인 시스템을 사용해야 합니다. 시작 회의와 팀 교육 세션은 사람들에게 디자인 시스템과 앞으로 어떻게 사용해야 하는지에 대한 최신 정보를 얻을 수 있는 좋은 방법입니다. 그러나 너무 자주 팀은 초기 교육 후 중단하고 이메일 디자인 시스템 사용이 중단됩니다.

"사람들이 당신의 디자인 시스템을 사용하기를 바란다면, 사람들이 발을 적실 시간을 주고, 접근할 수 있도록 하고, 사람들이 질문을 하도록 격려하십시오." Ted Goas, 수석 제품 디자이너

대면(또는 가상) 회의, 정기적으로 업데이트되는 문서, 분기별 릴리스 또는 내부 뉴스레터를 통해 디자인 시스템에 대한 지속적인 교육 및 업데이트에 전념하여 팀에서 디자인을 계속 사용하는 이유와 방법을 알 수 있습니다. 체계.

"대면 온보딩에 의존하고 팀 간에 관계를 구축하고 리소스를 최신 상태로 유지하십시오." Crystal Ledesma, Zillow 디자인 시스템 엔지니어링 관리자

6. 헹구고 반복

자신의 이메일 디자인 시스템을 구현하는 마지막 단계는 끝이 없습니다!

디자인 시스템은 정적인 것이 아닙니다.

최고의 기업은 서비스를 제공하는 비즈니스 및 사람과 마찬가지로 시간이 지남에 따라 성장하고 발전합니다. 설계 시스템 구성 요소 및 표준을 종합적으로 검토하기 위해 주기적인 시간 블록을 설정합니다. 그리고 전반적인 비즈니스 목표, 마케팅 이니셔티브, 제품 또는 서비스 업데이트를 검토하여 디자인 시스템이 해야 할 일을 하고 있는지 확인하는 것을 잊지 마십시오. 즉, 끊임없이 변화하는 환경 속에서 팀이 번창하도록 도우십시오.

디자인 시스템과 이메일을 한 곳에서 구축

나만의 이메일 디자인 시스템을 시작할 장소가 필요하십니까? 우리는 Litmus의 디자인 라이브러리에 부분적입니다(말장난 의도). 디자인 라이브러리는 보다 쉬운 업데이트를 위해 브랜드 자산, 모듈 및 템플릿을 저장, 구성 및 QA 테스트할 수 있는 중앙 집중식 장소입니다. 그런 다음 구성 요소에 빠르게 액세스하고 Visual Editor에서 구성 요소로 전자 메일을 만듭니다. 오늘 리트머스를 사용해 보세요!

7일간 무료 체험 →