오늘 복사할 수 있는 12가지 최고의 팝업 디자인을 찾았습니다.

팝업은 이메일 목록을 늘리고 전자상거래 전환율을 높이는 확실한 방법입니다. 우리는 최고의 전자 상거래 브랜드가 팝업을 사용하여 전환율을 최대 37%까지 높이고 장바구니 이탈률 을 최소 20%까지 줄이는 것을 보았습니다 .

이와 같은 성공 사례는 매우 구체적인 청중을 대상으로 하는 아름답게 디자인된 팝업에 의존합니다. 이전 기사 에서 모든 전자 상거래 상점이 팝업으로 타겟팅해야 하는 사용자 세그먼트에 대해 논의했습니다. 오늘 우리는 두 번째 요소인 팝업 디자인에 초점을 맞출 것입니다.

나만의 팝업 디자인을 완성하는 데 도움이 되는 영감으로 12가지 멋진 팝업 예제를 수집했습니다.

시작하자!

이러한 팝업 디자인의 실제 12가지 예는 모두 OptiMonk를 사용하여 생성되었습니다. 즉, 다양한 템플릿과 끌어서 놓기 편집기를 사용하여 모든 디자인 요소를 쉽게 복사할 수 있습니다.

1. 키스 마이 케토

이 환영 팝업은 고객을 더 잘 알게 되어 고객과 지속적인 관계를 구축하는 과정을 시작합니다.

간단한 질문과 똑같이 간단한 버튼 카피는 방문자가 팝업에 참여하도록 유도합니다(프로모션 코드 10% 할인 약속은 말할 것도 없습니다).

Kiss My Keto 는 또한 제품을 표시하고 재미있고 평온한 브랜드 아이덴티티를 강화하는 고품질 이미지를 사용했습니다.

2. 크리스토퍼 클루스

크리스토퍼 클루스(Christopher Cloos )는 스칸디나비아에 뿌리를 둔 브랜드로, 팝업 디자인은 전형적인 스칸디나비아 미학을 따르고 있습니다. 매끄럽고 직선과 단순한 글꼴이 있습니다. 이것은 브랜드의 스타일을 강화하는 견고한 팝업 디자인의 좋은 예입니다.

팝업 디자인의 또 다른 중요한 측면은 카운트다운 타이머로, 방문자의 주의를 끌고 긴급성 을 높여 할인 코드를 사용할 가능성을 높입니다.

그리고 마지막으로, 주제가 된 것에서 Christopher Cloos 디자인 팀은 선글라스의 "느낌"을 완벽하게 나타내는 이미지를 선택했습니다.

3. 오브비

모든 팝업에 고객의 관심을 끌기 위해 이미지가 필요한 것은 아닙니다. 때때로 팝업의 복사본은 그 자체로 충분히 강력할 수 있습니다.

팝업이 아래의 핫 핑크와 블랙 콤보와 같이 시선을 사로잡는 대담한 색상을 사용할 때 특히 그렇습니다. Obvi 가 이모티콘으로 메시지를 강화하여 팝업 디자인을 더욱 젊게 만드는 방법 에 주목하세요.

팝업 메시지를 더 쉽게 이해할 수 있도록 왼쪽 상단 모서리에 있는 원이 제안을 요약합니다.

4. 블렌드젯

이 예는 팝업이 웹사이트 디자인과 일치하는지 확인하는 것이 얼마나 중요한지 보여줍니다. 눈에 매우 즐겁게 보이는 색상 선택의 조화가 있습니다.

색상 팔레트의 유일한 대조는 제안을 설명하는 이미지에서 나옵니다(고객이 무료로 받을 수 있는 것). 제품이 페이지에서 튀어나오며 그것이 바로 목표입니다.

5. 오디

The Oodie의 이 훌륭한 팝업 디자인 예제에 대해 몇 가지 요점이 있습니다.

첫째, 이미지가 팝업과 병합되는 방식은 시각적으로 인상적이며 "안아줄래요?"라는 문구를 지원합니다.

후디의 부드러운 핑크색과 대조적으로 팝업에 대한 밝은 빨간색의 선택은 모범적입니다. 파란색 클릭 유도문안 버튼이 눈에 띄며 방문자가 "내 코드 공개"라는 매력적인 CTA를 간과하지 않도록 합니다.

마지막으로 가장 크고 눈에 띄는 카피는 팝업의 주요 메시지에 초점을 맞추는 주의를 끄는 방법인 "And $25 Off"입니다.

6. 심황 주식회사

Turmeric Co.는 눈에 띄는 원형 디자인 요소를 사용하여 제안을 강조합니다.

이 팝업 디자인은 카운트다운 타이머와 설명적인 행동 유도 버튼을 통합하면서 압도적인 사이트 방문자를 피하기 위해 충분한 여백이 있는 단순합니다.

작은 이미지는 제품을 보여줄 뿐만 아니라 브랜드의 활기차고 건강한 이미지를 담고 있습니다.

7. 코코넛 클라우드

Coconut Cloud는 제품에 모든 초점을 둡니다. 그리고 그것은 의미가 있습니다 ... 그들은 맛있어 보입니다!

이 팝업 디자인은 할로윈 경품을 지원하기 위해 개발되었습니다. 방문자에게 그들이 얻을 수 있는 모든 것을 보여줌으로써 Coconut Cloud는 방문자를 끌어들이고 참여하도록 권장합니다.

마지막으로 이 팝업에는 마감일이 포함되어 있습니다. 카운트다운 타이머와 마찬가지로 확실한 마감일은 긴박감을 줍니다.

8. TheSTEMKids

이 TheSTEMKids 팝업 디자인 예제의 영리한 카피는 정말 쇼를 훔쳐갑니다.

팝업 콘텐츠는 "$10.00" 숫자의 취소선으로 시작합니다. 굵은 "Nothing for Shipping"과 결합하면 모든 사이트 방문자에게 제안의 정확한 가치가 명확해집니다.

9. 비바도

이 목록에 있는 다른 많은 팝업 디자인 예제와 마찬가지로 Bibado는 클릭 유도문안 버튼에 대비되는 색상을 사용했습니다. 고객이 CTA 버튼을 클릭했는지 여부에 따라 노출의 성공 여부가 결정되므로 눈에 띄게 만드는 것이 좋습니다.

우리는 또한 Bidabo가 처음 직사각형에서 제안을 강조한 방식을 좋아합니다.

10. 쿠레

Qure의 팝업 디자인은 한 번에 두 가지 제안을 하는 방법의 좋은 예입니다.

주요 헤드라인(5% 할인)은 큰 텍스트로 강조 표시되지만 추가 제안은 강조를 위해 자체 상자가 제공됩니다. 당신이 받게 될 무료 선물을 보여주는 멋진 작은 이미지가 있습니다.

더 큰 이미지는 Qure의 신선하고 미래 지향적인 브랜딩과의 연속성을 구축하는 데 큰 역할을 합니다.

11. 네 건강하세요

팝업을 보는 것은 사람이라는 것을 기억하는 것이 중요합니다. 즉, 팝업을 디자인할 때 감정은 항상 중요한 고려 사항입니다.

Yes Please Health는 웃고 있는 사람과 제품을 보여주는 다채로운 이미지로 고객이 제안에 대해 흥분할 수 있도록 돕습니다.

그들은 그 이미지를 팝업의 배경과 혼합하여 매우 잘 연결되어 보입니다.

마지막으로 재미있고 재미있는 카피를 사용하여 고객을 끌어들입니다.

12. 풀러의 플립

Fuller's Flips는 이미지를 사용하여 이 팝업에 큰 효과를 줍니다. 전후 이미지를 보여줌으로써 그들의 서비스가 제공하는 가치를 명확하게 보여주고 있습니다.

앵커 이모티콘을 사용하는 것도 좋은 터치이며 "해안 햄튼 스타일"을 제공하겠다는 약속과 잘 어울립니다.

팝업 디자인은 정확한 과학이 아닙니다. 이러한 팝업 예제에서 볼 수 있듯이 취할 수 있는 다양한 접근 방식이 있습니다.

자신의 접근 방식은 브랜드의 개성, 웹사이트 디자인 및 전달하려는 메시지와 일치해야 합니다. OptiMonk의 300개 이상의 강력한 템플릿 라이브러리 에서 세 상자를 모두 체크하는 템플릿을 찾을 수 있을 것입니다 !

전환율이 높은 팝업을 만드는 방법에 대해 자세히 알아보려면 팝업에 대한 궁극적인 가이드를 확인하세요.