아름다운 방문 페이지 팁 및 예
방문 페이지 주제에 대해 수백 가지의 기사가 작성되었습니다. 우리는 모두 배너 광고 나 프로모션 링크를 클릭 한 후 방문자가 도달하는 페이지이며 리드를 비즈니스 고객으로 전환하여 중요한 마케팅 역할을한다는 기본 사실을 알고 있습니다. 그러나 방문 페이지를 직접 디자인 할 때 문제는 사용 설명서를 읽은 후 예상했던 것보다 훨씬 더 섬세한 것으로 보입니다. 이것이 오늘날 우리가 영감을 얻기 위해 실제 방문 페이지 예제 컬렉션을 공유하기로 선택한 이유입니다..
Wikipedia에서 찾을 수있는 훌륭한 학술 분류에 따르면 방문 페이지는 참조 및 거래라는 두 가지 주요 범주에 속합니다. 그들이 참조라고 불리우려면, 페이지는 방문자 (텍스트, 멀티미디어) 모두에게 매력적이고 관련이있는 정보를 표시해야합니다. '거래 상'방문 페이지는 즉각적인 판매를 목표로하거나 실적이 우수한 영업 리드를 확보하는 것을 의미합니다..
아마 나와 동의 할 것이기 때문에 모든 방문 페이지가 두 기준을 모두 충족합니다. 방문자에게 제안을 알리고 방문자 측의 행동을 자극합니다. 그렇지 않으면 절대적으로 방문 페이지에 클릭 유도 문안이 필요하지 않습니다.?
www에서 방문 페이지를 시작하기 전에 명확해야 할 사항은 원하는 방문자의 행동의 성격입니다. 뉴스 레터 신청이 증가하고 있습니까? 그런 다음 '지금 뉴스 레터에 등록'이라는 메시지가 표시된 CTA를 디자인하십시오. 방문객에게 재판 구매를 원하십니까? 말해봐. 일반적으로 말해서 필수 요리법은 방문 페이지에서이 제안을 가능한 명확하고 유창하게 표현하도록하는 것입니다..
방문 페이지 디자인 팁
방문 페이지를 디자인 할 때부터 시작해야 할 몇 가지 빠른 팁 :
1. AIDA 원칙을 사용하십시오.
이것은 승진 한 제품이나 서비스를 보여주는 플랫폼에 리드가 도달하면 우리가 원하는 이벤트 체인입니다. 주로 단계는 다음과 같습니다.
- 인식 - 방문자로부터주의를 끌다.
- 관심 - 이는 고객에게 이익을 강조함으로써 자극받을 수 있습니다.
- 욕구 - 고객에게 그들이 필요 제품 또는 서비스
- 동작 - 구매 프로세스를 수행하는 고객
2. 너무 많은주의 산만 함; 나가는 길
아이디어는 간단합니다. 방문 페이지에 CTA 버튼을 제외한 모든 탐색 옵션이없는 경우 방문자는 강제로 종료됩니다. 네비게이션을 제공하지 않으면 떠날 방법을 찾지 못할 것이라고 생각하지 마십시오. 브라우저를 닫아도됩니다. 그리고이 방문객들은 아니 돌아와.
3. 깜박임 테스트를 통과하게하십시오.
일반적으로 방문 페이지는 처음 3 초 안에 방문자의 관심을 사로 잡아야합니다. 게스트가 깜박이고 페이지에서 무엇을 발견해야하는지 명확하게 볼 수 없거나 그가 본 것에 관심이없는 경우 그는 빈손으로 튀어 나오게됩니다.
4. 잘못된 기대를하지 마십시오.
방문 페이지는 원래 광고에서 제공 한 힌트와 일치해야하며 반대의 경우도 마찬가지입니다. 방문자는 클릭 한 광고에서 처음 약속 한 내용을 방문 페이지에서 찾아야합니다..
약속 한대로 B2B 및 B2C의 멋지게 디자인되고 효과적인 방문 페이지를 둘러 봅니다. 우리는 그들의 강점과 필연적 인 약점을 탐구 할 것입니다. 아래 갤러리에서 시각 커뮤니케이션, 브랜딩 및 신뢰 지표, 콘텐츠 효율성, 클릭 유도 문안 (call-to-action)을주의 깊게보십시오..
쇼케이스 : 아름다운 방문 페이지
99 디자인
디자이너와 학생을 대상으로 한 방문 페이지 버전입니다. 디자인을 필요로하는 기업 : 99Designs는 상대방을위한 방문 페이지도 가지고 있습니다. 이것에 관해서는, 그것은 보증의 측면에서 매우 효과적이며 (대담한 평가를 보시오) 숫자와 신뢰 지수 (커뮤니티 회원의 수, 그들이 번 돈 금액)를 통해 청중의 언어를 진실되게 말합니다. 단일 CTA 버튼의 밝은 빨간색 음영을 확인하십시오. 일반적으로 피할 수있는 부분이지만 로고의 색상과 일치하므로이 특별한 경우에는 방해가되지 않습니다..
123RF
123RF는이 방문 페이지에서 이미지 슬라이더와 4 개의 중간 상자를 사용하여 명확한 목적 설명을합니다. 서비스가 무엇인지, 어떻게 사용할 수 있는지 (즉, 검색, 가입, Pay-As-You-Go, 구독 구매)를 즉시 이해할 수 있습니다. 연한 회색 배경은 눈에 거슬리지 않으며 본질, 즉 이미지가 강조됩니다. 제가 개인적으로 개선 할 수 있다고 생각하는 것은 스톡 카테고리의 목록입니다. 약간 인형입니다. 그리고 CTA는 클릭 가능한 상자에 너무 미묘합니다..
Favomatic
나는이 방문 페이지의 디자인을 절대적으로 좋아합니다. 각 섹션마다 명암, 좋은 슬로건이 있으며 모든 것을 읽지 않아도 많은 정보를 제공합니다 (작은 글꼴은 모든 것을 수행합니다). 그것은 내비게이션을 가지고 있지만, 스크롤링에 의한 수직 이동은 튀는 속도를 현저하게 줄입니다..
BiznessApps
강력한 클릭 유도 문안, 강조 표시된 슬로건 및 인상적인 승인 목록이 방문 페이지에 적합한 조합이며이 페이지에 있습니다. 또한 사람들이 독서보다는 단편 영화를 더 좋아한다는 사실이 알려지기 때문에 최소한의 텍스트 만 포함하고 데모 비디오를 사용합니다. 양식은 약간 개선 할 수있는 요소입니다. 일반적으로 당신이 먼저 얻을 수 있기 때문에 먼저 방문객에게 무료 취급을받을 수있는 양식을 제출하는 대가로 "메시지 보내기"버튼에 "지금 당신의 무료 물건을 사주세요!"라고 말할 수 있습니다.
Brusheezy
또 다른 증거가 적다. 이 방문 페이지는 단일 아이콘과 눈에 띄는 머리글로 매우 깔끔하게 보입니다. 상단과 하단의 두 가지 클릭 유도 문안 (call-to-action)을 확인하십시오. 이는 페이지를 혼잡시키지 않고 메시지를 영구 보존하는 확실한 방법입니다. 제품의 기능 대신 고객에게 이익을 강조하는 것은 또 다른 정복자입니다.
탈옥
이 페이지는 너무 복잡 할 수도 있지만 앱의 방문 페이지 전통에 있습니다. 그러나 세그먼트를 세그먼트로 나누기로 결정하면 모든 요소를 쉽게 탐색 할 수 있습니다. 당신이 찾고 있을지도 모르는 모든 것을 찾을 수 있습니다 : 특징, 혜택, 회원 평가 그리고 심지어 결과에 만족하지 않을 경우 환불을 보장합니다. 마지막은 서비스 품질에 대한 질문을 제기 할 수 있기 때문에 매우 위험합니다. 맨 아래에 끝까지 넣는 것이 좋습니다.
PageLines
미니멀리즘이 핵심 개념입니다. 나는 개인적으로이 페이지가 당신에게 모든 것을 즉시 알려주지 않는다는 것을 좋아하지만 발견하도록 초대합니다. 그러나 그렇게 즐겁지 않은 것은 자동으로 시작되는 비디오입니다 (일반적으로 피할 수있는 기능입니다). 앤드류 파워스가 숙련되고 유쾌한 사람 일지라도! 또한 즉각적인 CTA가 없다는 사실은 웹 사이트의 단점이 될 수 있습니다..
피코
이 방문 페이지는 간단하면서도 강력합니다. 빨간색보다 큰 기호는 소금과 후추로 전반적인 모습을 나타냅니다. 단락 배열은 신문 레이아웃과 비슷하며 CMS의 목적에 매우 적합합니다. 하지만 CTA 버튼은 너무 약하다. 오른쪽 하단 모서리에있는 여성은 경미한 디스 트릭을 일으킨다. 그녀의 얼굴에 너무 많은 놀라움을 안겨서 그녀는 사업 문제를 협상 할 수있는 것처럼 보입니다.?
신발 상자에 넣은
각 섹션에 대한 설명적인 선은 설명 적 언어 사용의 예입니다. 시야가 빠르게 첫 번째 행을 스캔하고 CTA 버튼에 도착할 때까지 잠깐 메시지를 이해합니다. 여전히 망설이지 만 강력한지지와 함께 포브스와 테크 크런치에 소속 된 회사를 신뢰하지 않을 것입니다. 나는.
스퀘어 스페이스
전문적인 방문 페이지입니다. 대담한 슬로건, 클릭을 거부 할 수없는 CTA 버튼과 아주 훌륭한 승인은 성공을위한 조합입니다. 또한 페이지의 모양과 인포 그래픽과 같은 징후의 스크린 샷을 사용하여 페이지의 중심에 사용 컨텍스트를 넣는 것을 좋아합니다. 페이지의 3 요소 구조가 또 다른 장점입니다..
편집자 주 : 이 게시물은에 의해 작성됩니다 로라 모이 세이 Hongkiat.com. Laura는 Communication Science에서 학사 학위를 받았으며 디자인과 글쓰기에 대한 열정을 추구하는 데 대부분의 시간을 보냅니다. 그녀는 123ContactForm, 사용자가 모든 웹 페이지에 대한 아름다운 양식을 만들 수있는 온라인 양식 및 설문 조사 작성 도구.
