훌륭한 디자인이 구매자의 여정을 이끄는 방법

디자인이 왜 중요한가? 그것은 자명한 것 같습니다. 우리는 우리가 작업하는 모든 것을 "보기 좋게" 만들기 위해 많은 시간을 보냅니다.

그러나 그것이 얼마나 중요한지 알고 있습니까? 그리고 단순히 "멋져 보이는 것"보다 디자인에 더 많은 것이 있습니까?

마케팅 디자인의 기능

토스터가 토스터처럼 보이는 이유에 대해 이야기하게 되는 잡초 속으로 헤매지 않고 이 질문에 마케팅 용어로 간단히 대답해 보겠습니다. 마케팅에서 디자인이 중요한 이유는 무엇입니까?

디자인은 마케팅 세계에서 세 가지 주요 기능을 수행한다고 말하고 싶습니다.

• 디자인은 가이드입니다. 디자인은 당신의 회사에 관심이 있거나 잠재적으로 관심이 있는 사람들을 당신과 연결하는 길로 안내합니다. 훌륭한 디자인은 중요한 정보가 무엇인지 명확하게 하고 사용자가 무엇을 하기를 원하는지 사용자에게 안내합니다. 웹 페이지 디자인은 사용자가 클릭할 위치와 탐색 방법을 표시하는 데 도움이 됩니다. 버튼 디자인은 "나는 버튼입니다. 클릭하세요."라고 말해야 합니다.
• 디자인은 대사입니다. 귀하의 디자인은 귀하의 회사를 나타냅니다. 귀하의 로고, 웹사이트, 이메일... 이러한 것들은 종종 잠재 고객이 귀하의 회사에 대해 처음 알게 될 때 가장 먼저 보게 되는 것입니다. 홍보대사로서 훌륭한 디자인은 경쟁업체와 차별화됩니다. 그것은 당신의 시각적 스타일을 정의합니다. 그것은 당신의 회사를 독특하게 만드는 것들을 전달합니다. 또한 신뢰를 구축합니다. 사람들은 본능적으로 2006년에 마지막으로 업데이트된 조잡한 웹사이트보다 잘 디자인된 현대적인 웹사이트를 더 신뢰합니다.
• 디자인은 영업사원입니다. 디자인은 실제로 구매자의 여정을 통해 사람들을 움직이는 작업의 일부를 수행할 수 있습니다. 디자인은 인식에서 고려, 결정에 이르기까지 잠재 고객을 앞으로 나아가게 하는 데 도움이 됩니다. 그것은 판매를 이끄는 연결을 형성합니다. 훌륭한 인바운드 마케팅 디자인은 구매자 페르소나에게 직접 호소합니다. 관심을 유지하고 주요 차별화 요소를 강조하여 구매자의 여정을 통해 관심을 불러일으키고 잠재 고객을 이동시킵니다.

훌륭한 디자인의 세 가지 C

그렇다면 무엇이 디자인을 훌륭하게 만드는가? 우리는 이전에 그것이 단순히 보기 좋은 것 이상이라고 말했습니다. 내가 생각할 수 있는 가장 간단한 대답은 "무엇이 디자인을 훌륭하게 만드는가?" 마법의 우연의 일치로 모두 문자 C로 시작하는 세 단어로 구성됩니다.

• 훌륭한 디자인은 분명 합니다. 우리는 디자인의 기능 중 하나가 웹사이트의 한 페이지에서 페이지로 뿐만 아니라 중요한 정보로 눈을 안내함으로써 청중을 원하는 곳으로 안내하는 것임을 알고 있습니다. 좋은 디자인은 가능한 한 명확하게 함으로써 이를 효과적으로 수행합니다. 고객이나 잠재 고객이 클릭할 위치를 추측하거나 중요한 정보를 놓치는 것을 원하지 않습니다. 그래서 우리는 디자인이 명확하기를 원합니다.
• 훌륭한 디자인은 깨끗 합니다. 메시지를 필수 구성 요소로 줄이십시오. 즉, 작성된 콘텐츠의 단어 수를 최소화하는 동시에 디자인 콘텐츠를 최소로 유지하는 것도 의미합니다. 지방을 제거하고 디자인을 슬림하게 유지하십시오.
• 훌륭한 디자인은 일관적 입니다. 로고, 색상 팔레트, 글꼴, 일러스트레이션, 아이콘 또는 사진 스타일을 일관되게 사용하여 브랜드를 정의하십시오. 일관성은 구매자의 여정을 이끄는 강력한 힘이 될 수 있습니다.

각각에 대해 더 자세히 살펴보고 훌륭한 디자인의 세 가지 핵심 요소 각각에 대해 이야기하고 있는 예를 살펴보겠습니다.

{{cta('020a0931-6bf3-4f13-ab71-d8ec980446a9')}}

불분명한 디자인의 예

명확하지 않은 디자인의 몇 가지 예를 살펴봄으로써 명확한 디자인이 무엇인지 정의하는 것이 가장 좋습니다. 우리 일상생활에서 볼 수 있는 ...

내려갈 버튼은? 추측할 수 있고 50/50 샷이 있지만 추측할 필요는 없습니다. 이 버튼의 디자이너는 UI에 대해 생각하지 않았습니다. 디자인이 이와 같은 것을 더 어렵게 만드는 것이 아니라 더 쉽게 이해할 수 있도록 하세요.

여기 ... 를 위한 웹사이트가 있습니다 . 글쎄요, ... 뭔가 를 하는 회사입니다 . 이걸 보면 알 수가 없습니다. 이 웹사이트의 비결은 메시지를 읽으려면 왼쪽 상단의 파란색 필터 위에 마우스를 올려야 한다는 것입니다. 그러면 다음과 같이 표시되는 것을 볼 수 있습니다.

오. 훈 .

내 말은, 귀엽죠? 그러나 그들은 스스로를 조금 능가했습니다. 그렇지 않습니까? 그들은 그것을 읽을 수 있어야 하는지 또는 안구 편두통이 오는지 알아내려고 노력하면서 사용자가 그것을 보는 데 몇 초를 보내도록 만들었습니다. 그런 다음 메시지를 표시하려면 특정 영역에 마우스를 올려야 합니다.

그들이 말할 수 있도록 모든 것이 “오. 훈 .”

사용자가 할 말은 그게 다죠? "오. 흐응.” 하지만 Bolden의 디자이너들은 이 문제를 생각해 냈을 때 모두 서로 하이파이브를 하고 있었습니다.

당신의 웹 디자이너나 당신 안에 있는 디자이너가 당신 자신의 이익을 위해 너무 영리해지도록 두지 마십시오. 영리한 것도 좋지만 메시지를 즉각적이고 명확하게 전달하면서 영리한 방법을 찾았어야 했습니다.

나는 이 그림을 보고 그 모든 것을 읽었지만 여전히 이해하지 못했다. 낮에는 1시간 주차, 하지만 6시 이후에는 어떻게 될까요? 모르겠어 . _

그런 다음 월요일과 일요일에 대한 구체적인 지침을 갖고 금요일과 토요일로 다시 이동합니다. 다른 날은 어떻습니까? 그게 맨 위 표시인 것 같은데 확실하지 않습니다.

나는 확신해야 한다. 그리고 누군가 는 확신합니다. 이 거리의 매표소 직원이 차에 매표를 할 수 있는 시간을 분 단위로 알고 있음을 보장합니다. 이 거리의 규칙이 무엇인지 아는 사람은 분명히 더 명확한 디자인을 사용하여 전달했을 것입니다.

무엇이 더 좋을까? 위쪽에는 요일이 표시되고 아래쪽에는 시간이 표시되는 테이블을 상상해 보십시오. 색상으로 구분된 블록은 언제 주차할 수 있는지 알려줍니다. 당신이 그린에 있다면, 당신의 좋은 것입니다! 그런 기호는 명확하고 이해하기 쉬우며 단어의 일부만 사용하여 이 기호의 절반도 안 되는 공간을 차지합니다.

명확한 디자인은 거의 항상 가능한 가장 간단한 방법으로 의사소통합니다.

그리고 그것은 우리의 다음 C: Clean으로 이어집니다. 그래서 다시 한 번 반대의 예를 살펴봄으로써 정의를 다시 시도해 봅시다.

우리 모두는 매일 우편으로 이런 것들을 받습니다. 실제로 보는 사람이 있습니까? 나는 누군가가 그것을 만들거나 만들지 않을 것이라고 생각합니다. 누군가 스팸 이메일과 자동응답기에서 물건을 사는 것 같아요 . 그런 짓을 하는 사람은 다른 사람의 인생을 망치는 것입니다. 하지만 나는 탈선 …

자, 여기서 우리는 무엇을 봐야 할지 잘 모르겠습니다. 그렇죠? 내 눈은 한 가지에 집중할 수 없어 그냥 유약합니다. 이것은 극단적인 예이지만 우리가 디자인하는 모든 것의 잠재적인 함정입니다. 하나의 메시지로 요약합니다. 그 메시지를 효과적으로 전달하십시오. 깔끔한 디자인입니다.

이 웹 사이트 홈페이지는 훨씬 덜 극단적인 예이지만 여전히 청소기가 더 나은 경우입니다. 모든 색상과 질감이 있는 바쁜 배경 이미지는 주요 헤드라인을 거의 읽을 수 없게 만들었습니다. 아마도 더 나쁜 것은 행동을 촉구해야 하는 것이 훨씬 더 숨겨져 있다는 것입니다! (화살표 옆에 있는 작은 "지금 쇼핑"이 보입니까?) 깔끔한 디자인은 이러한 중요한 메시지를 잃어버리지 않도록 합니다.

여기에 완전히 잘못된 대리석 배경과 이상한 로고가 있습니다. 그 중 하나는 3번입니다! – 그리고 디자이너가 사용할 수 있는 모든 글꼴과 밝은 기본 색상. 무서운 인용문에 넣어 봅시다. "디자이너."

그래서 여기서 무엇이 잘못되었는지 말할 필요가 없습니다. 그냥 끔찍해 보입니다. 이것이 무엇을 위한 것인지 알아내기 위해서는 진지한 노력이 필요합니다. 깔끔한 디자인의 일부는 메시지의 계층 구조를 만드는 것입니다.

청중이 무엇을 알고 싶어하는지 생각해 보세요. 먼저 그들은 우리가 무엇에 대해 이야기하는지 알고 싶어할까요? 첫 번째 메시지는 "첫 번째 연례 Pennington Hamfest"여야 합니다. 그것은 다른 모든 것보다 훨씬 더 두드러져야 합니다.

그런 다음 청중은 "좋아, 그게 뭐야?"라고 묻습니다. 그래서 눈에 띄는 순서대로 두 번째여야 하지만 그 답은 여기 구석에 숨겨져 있다고 생각합니다. "Ham Radio Swapmeet ." 누군가가 흥분하기 전에 죄송합니다. 놓쳤습니다. 몇 년 전이었습니다.

이와 같은 정보 ( 시간과 장소)는 세 번째 수준에서 눈에 띄어야 합니다. 등등.

디자인을 사용하여 청중이 알고 싶어하는 내용을 안내할 수 있습니다. "The Pennington Hamfest는 햄 라디오 교환 모임이며 2012년 6월 2일에 있습니다." 깔끔한 디자인은 그것을 방해하지 않고 더 빠르고 쉽게 만듭니다.

이것은 깔끔하게 디자인되지는 않았지만 다음 "C"에 대한 멋진 segue를 제공하기도 합니다. 왜냐하면 그것은 또한 전혀...

일관된. 이것이 우리가 논의할 마지막 "C"입니다. 그런 다음 이 세 가지 훌륭한 디자인의 "C"를 구매자의 여정에 적용하는 방법에 대해 알아보겠습니다.

그럼 일관성 각도에서 위의 이미지를 봅시다.

내가 말했듯이, 거기에는 많은 글꼴이 있습니다. 모든 다른 가중치, 모든 다른 색상, 일부는 기울임꼴로, 일부는 윤곽선이 없고 일부는 그림자가 있습니다. 여기에는 일관성이 전혀 없습니다. 마치 모든 텍스트가 다른 모든 것과 완전히 독립적으로 "디자인"된 것처럼 모든 것이 페이지에 함께 떨어졌습니다.

일관된 모양이 설정되어야 하며 모든 디자인은 해당 모양의 사소한 변형에서 비롯되어야 합니다.

좋은 디자인의 법칙

모든 프로젝트에는 몇 가지 수준의 일관성이 있어야 합니다. 가장 중요한 수준은 회사가 하는 모든 일에 적용되는 브랜드 일관성입니다. 일관성을 만드는 것은 본질적으로 규칙을 만드는 것과 관련이 있습니다. 기본 브랜드 일관성은 최소한 다음 규칙 세트로 구성됩니다.

• 심벌 마크. 로고가 있는 모든 회사에는 해당 로고를 사용하는 방법에 대한 규칙이 있어야 합니다. 늘리거나 일부를 남겨 두지 마십시오. 그 뒤에 크고 못생긴 항성 폭발을 일으키지 마십시오.
• 글꼴. 인쇄 디자인에서는 보통 두 가지 글꼴만 선택해야 한다고 말합니다. 많은 온라인 응용 프로그램의 경우 하나만 선택하는 것이 가장 좋습니다. 그런 다음 한 글꼴의 다른 크기와 두께를 사용할 수 있습니다. 하나의 글꼴 모음을 선택하면 일관된 모양을 설정하고 다른 곳에서 좀 더 창의성을 발휘할 수 있습니다.
• 색상 팔레트. 아직 설정하지 않았다면 브랜드에 대한 색상 지침을 설정해야 합니다. 이를 브랜드 의 일부로 만드십시오. 전달하고 싶은 느낌이나 만들고 싶은 분위기에 따라 잘 어울리는 색상 팔레트를 선택하는 데 도움이 되는 리소스가 많이 있습니다.

그런 다음 인바운드 마케팅 제안과 같은 특정 프로젝트를 통해 그 안에서도 일관성을 만들 수 있습니다. 브랜드 일관성을 염두에 두고 모든 프로젝트에 대해 다음을 수행해야 합니다.

• 주제를 결정하십시오.
• 해당 테마를 기반으로 룩을 만듭니다.
• 그리고 이미지의 스타일과 사용 방법을 설정합니다. 이는 일관된 모양을 공유하거나 특정 사진 스타일을 고수하는 아이콘 세트를 선택하는 것을 의미할 수 있습니다.

훌륭한 마케팅 디자인의 예

이제 우리가 이야기한 모든 것들의 실제 사례를 살펴보겠습니다. 우리는 madison/miles 미디어(웹 디자인 에이전시)에서 만든 인바운드 마케팅 만화책을 위해 만든 캠페인을 살펴보겠습니다. 우리는 이 책을 만들기 위해 수년을 보냈기 때문에 이 책을 중심으로 효과가 있는 캠페인을 만들고 싶었습니다.

디자인을 사용하여 구매자의 여정을 촉진하는 인바운드 제안 캠페인을 어떻게 만들었을까?

클릭 유도문안 버튼 부터 시작해 보겠습니다 .

이제 멋진 디자인에 대한 기준을 충족하는지 살펴보겠습니다. 첫째, 명확합니까? 메시지는 간단하고 명확합니다. “재미있게 인바운드 마케팅에 대해 알아보십시오. 무료 만화책을 받으세요.” 그리고 디자인은 그런 것을 방해하지 않습니다. 실제로 인바운드 마케팅이라는 주제를 금색으로 색칠하여 메시지를 더욱 명확하게 하려고 합니다. 또한 상자에 "무료 만화책 받기"가 있으므로 버튼처럼 보입니다. 명확한 디자인에서 우리는 잠재 고객을 우리의 방향으로 안내하려고 한다는 것을 기억하십시오. 전체 CTA 이미지를 버튼처럼 보이게 하거나 이미지 내에 버튼과 같은 요소를 생성하면 "여기를 클릭하십시오"라고 말함으로써 잠재 고객을 안내하는 데 도움이 됩니다.

깨끗한가요? 우리는 요소를 제한했습니다. 주인공, 단순하고 직접적인 텍스트, 만화책 이미지가 있습니다. 이 모든 것이 만화의 배경 위에 있습니다. 시각적인 흥미를 주기는 하지만 다른 요소와 전혀 간섭하지 않습니다.

일관성이 있습니까? 글쎄, 이것은 대부분의 사람들이 보게 될 첫 번째 조각이므로 우리는 이후 조각과 일치하도록 여기에서 모양을 설정하고 있습니다. 그러나 우리는 이미 "WILD!"에서 금색을 끌어 당겨 만화 자체와 일관성을 구축하고 있습니다. 제목에서 제목의 "Drive Your Customers" 부분에 사용한 글꼴과 자막에 사용한 표지의 보다 전통적인 글꼴입니다. 이것이 우리의 주요 madison/miles 미디어 브랜드 글꼴인 Benton Sans입니다. 우리는 이것을 "무료 만화책 받기" 버튼에 사용합니다.

우리는 또한 인쇄 잡지 디자인 에이전시이므로 다양한 마케팅 형태에서 표현되는 우리 브랜드 글꼴을 볼 수 있습니다. 이것은 우리의 브랜딩에 매우 중요합니다. 회사는 항상 알아볼 수 있어야 하므로 디자인 과정에서 이 점을 기억하십시오.

네, 그렇습니다. 우리는 회사의 확립된 모습과 제안 자체와 일치하며 캠페인의 다른 부분을 통해 요소를 사용하는 방법에 대한 몇 가지 다른 지침을 설정하고 있습니다.
여기 또 다른 CTA 버튼이 있습니다.

이것은 이메일에서 사용하도록 설계되었습니다. 다시 한 번, 우리는 디자인이 다음과 같은지 확인했습니다.

• 분명한. 잠재 고객을 명확하게 안내하는 방식으로 전달되는 간단한 메시지.
• 깨끗한. 메시지를 향상시키고 방해하지 않는 방식으로 사용되는 제한된 수의 요소입니다.
• 일관된. 이전 작품과 동일한 글꼴, 색상 및 이미지. 우리는 모양을 설정하고 그것을 고수하고 있습니다.

여기 랜딩 페이지가 있습니다.

물론 랜딩 페이지는 신뢰가 형성되는 곳이기 때문에 매우 중요한 부분입니다. 잠재 고객이 당신에게 정보를 줄 것이고, 특히 요즘에는 당신을 신뢰해야 합니다. "명확하고, 깨끗하고, 일관된" 디자인 원칙을 따르는 것은 그러한 신뢰를 구축하는 좋은 방법입니다. 잘 디자인된 랜딩 페이지에는 "여기서는 전문가와 거래하고 있습니다."라고 나와 있습니다.

알았습니다. 우리 만화책의 제목은 크고 영웅 아트 아래 중앙에 있습니다. 방문자에게 무엇을 기대하는지 매우 명확합니다. 세 가지 양식 필드를 채우고 보기 쉬운 큰 버튼을 클릭합니다. 쉬워요.

매우 깨끗합니다. 우리는 원래 이것에 밝은 파란색 배경을 가지고 있었습니다. 깨끗한 흰색이 더 잘 작동했습니다. 여기에는 전혀 멋진 것이 없지만 필요하지 않습니다. 만화책 아트만으로도 시각적으로 흥미로운 요소가 많이 있습니다.

그리고 CTA와 일치합니다. 동일한 출처의 이미지, 유일한 것은 이제 만화책 내부를 엿볼 수 있다는 것입니다. 우리가 또 다른 글꼴을 도입했다는 사실을 눈치채셨겠지만, 이것은 우리 웹사이트인 Playfair Display의 madison/miles의 보조 글꼴입니다. 그래서 우리는 지금 그것의 일부를 가져오고 있지만 모든 것을 기존의 모습과 일관되게 유지합니다. 또한 아래쪽에 녹색 막대가 있는데 이것은 우리의 madison/miles 미디어 녹색입니다. 다시 말하지만, 아주 미묘한 방식으로 우리 브랜드의 일부를 소개합니다.

이제 감사 페이지에 도착했습니다.

다시 말하지만 분명합니다. 콘텐츠 제안을 다운로드하는 큰 버튼입니다. 방문자가 이제 우리가 누구인지에 대해 조금 더 배우도록 안내하는 매우 명확한 2차 클릭 유도문안입니다. 깨끗합니다. 조금 구별하기 위해 이 페이지에 파란색 배경을 유지했습니다. 그러나 그것은 매우 미묘하고 눈에 거슬리지 않습니다. 그리고 마지막으로 일관성이 있습니다. 동일한 색상, 글꼴 및 이미지.

감사 페이지의 희망 중 하나는 방문자가 이 링크 중 하나를 따라갈 수 있다는 것입니다. 우리는 그것이 원활하게 전환되기를 원합니다. 따라서 고객이 클릭하여 당사 웹사이트의 리소스 페이지로 이동하면 여정이 계속되는 것처럼 느껴집니다.

그 과정에서 브랜드 글꼴 및 색상과 같은 것을 사용했기 때문에 브랜드와의 일관성을 확립하고 제안에서 메인 사이트로 원활하게 전환할 수 있었습니다. 우리는 미묘한 방식으로 브랜드 일관성을 가져왔기 때문에 디자인 면에서 거슬리거나 혼란스러운 것은 없습니다.

따라서 인바운드 마케팅에서 명확하고 깨끗하며 일관된 디자인을 사용하여 구매자의 여정에 힘을 실어주고 있습니다. 디자인에서 이와 동일한 원칙을 사용 하여 잠재 고객을 귀하와 연결하는 방향으로 이동시키십시오.

매디슨/마일즈 미디어는 DesignRush에서 최고의 콘텐츠 마케팅 회사로 인정받고 있습니다.{{cta('1395b35c-b222-49d6-8bdd-fb2e45b05459')}