RSS Feed

Tech Support

웹사이트 홈페이지 디자인은 웹사이트의 다른 어떤 부분보다 논쟁의 여지가 있고 재설계되며 두 번째로 추측됩니다. 사람들은 홈페이지에 무엇을 넣어야 하는지에 대해 거의 동의하지 않으며 대부분의 홈페이지 조언은 도움이 되지 않습니다. 구성 요소가 함께 작동하도록 하는 일련의 원칙이라기보다는 조립해야 할 구성 요소 목록처럼 읽힙니다.

방문자는 우연히 잡은 기기에서 몇 초 만에 여러분의 관심을 끌 만한 가치가 있는지 결정합니다. 홈페이지는 여러분의 이야기를 들려주거나 업적을 나열하는 곳이 아닙니다. 한 번 더 클릭해볼 만한 가치가 있음을 증명하는 곳입니다.

이 가이드는 바운스를 수집하는 홈페이지와 변환하는 홈페이지를 구분하는 원칙을 다룹니다. 웹사이트 빌더의 웹사이트 템플릿, 커스텀 빌드 또는 수정하려는 기존 홈페이지에서 작업하는 경우와 전자상거래 스토어, B2B 서비스 사이트, 비영리 단체 또는 스타트업을 운영하는 경우에도 동일한 원칙이 적용됩니다.

홈페이지가 실제로 해야 할 일
구성 요소별로 이동하기 전에 홈페이지의 용도를 명확히 하는 것이 도움이 됩니다. 좋은 홈페이지는 대략 이 순서대로 네 가지 기능을 수행합니다:

회사의 업무에 대한 명확한 약속을 합니다
방문자에게 다음에 어디로 가야 하는지 보여줍니다
그들이 그것을 고려할 만큼 충분한 신뢰를 얻습니다
가장 중요한 행동을 유도합니다
홈페이지 디자인의 모든 부분은 이 네 가지 작업 중 하나에 도움이 됩니다. 영웅은 약속을 하고, 길 찾기는 방문객을 더 깊이 있게 만들며, 신뢰 신호는 신뢰를 구축하고, 행동 촉구는 다음 단계를 안내합니다. 페이지의 다른 모든 디자인 요소는 이 네 가지 작업을 더 잘 작동시키기 위해 존재합니다.

더 나아가기 전에 바로 시작할 가치가 있는 두 가지 차이점이 있습니다. 랜딩 페이지는 특정 트래픽 소스(일반적으로 유료 캠페인)를 위해 구축된 단일 목적 페이지로, 하나의 오퍼와 하나의 경로가 있습니다. 홈페이지는 여러 방향에서 많은 의도를 가지고 도착하는 방문객을 위한 허브이므로 한 번에 더 많은 작업을 수행해야 합니다.

전자상거래 홈페이지도 약간 다른 동물입니다. 검색 작업은 제품 발견으로 이어집니다: 특징 제품, 카테고리 탐색, 검색. 아래 원칙이 적용되지만, B2B 서비스 사이트에서 사례 연구나 가격 책정 페이지로 방문자를 보내는 경우 전자상거래 홈페이지에서 카탈로그로 전송합니다.

홈페이지의 네 가지 직업
모든 디자인 결정은 적어도 하나의 작업을 더 나은 방식으로 만들어야 합니다.
1
약속하기
방문객에게 당신이 무엇을 하고 있는지, 그리고 왜 그것이 그들에게 중요한지 말하세요.
2
어디로 가야 하는지 보여주기
각 방문자에게 실제로 가지고 있는 질문에 맞는 페이지로 보내주세요.
3
신뢰 획득
구매자가 원하는 증거와 함께 고려할 가치가 있음을 증명하세요.
4
신속한 조치
다음 단계를 분명하고 반복적이며 쉽게 진행할 수 있도록 하세요.

자신이 아닌 자신이 하는 일에 앞장서세요
영웅(때때로 헤더 섹션이라고도 함)은 웹사이트 홈페이지에서 가장 중요한 부분입니다. 방문자가 가장 먼저 보는 것, 종종 유일하게 보는 것이며 스크롤하기 전에 홈페이지 디자인 작업의 대부분을 수행합니다.

헤드라인에는 한 가지 역할이 있습니다: 5초 이내에 가치 제안을 명확하게 하는 것입니다. 시적이지도, 영리하지도, 브랜드 자체도 명확하지 않습니다. 서브헤드는 헤드라인과 경쟁하기보다는 헤드라인을 지지하며, 타이포그래피 계층(선택한 글꼴과 크기, 무게, 대비 등)은 방문자가 한 단어를 읽기 전에 헤드라인이 시각적 콘테스트에서 우승할 수 있도록 해야 합니다.

대부분의 기업이 저지르는 실수는 자신이 제공하는 것이 아니라 자신이 누구인지 이끄는 것입니다. "우리는 통합 비즈니스 솔루션의 선도적인 공급업체입니다."라고 하면 방문객에게 유용한 정보가 전혀 없습니다. 방문객은 아직 여러분에 대해 알 필요가 없습니다. 고객은 여러분이 문제를 해결할 수 있는지 알아야 합니다.


몇 가지 영웅 패턴은 일관되게 작동합니다:

결과 우선. "일주일에 15시간을 지불해야 하는 계좌에 저축하세요." 방문자는 즉시 자신에게 변화가 무엇인지 이해합니다.
문제 해결. "패배를 멈추면 추적 관찰이 느려집니다." 고통의 이름을 말하세요. 이는 해결책을 암시합니다.
직접적인 진술. "제조를 위해 구축된 CRM." 올바른 오디언스로부터 클릭을 얻는 구체적인 포지셔닝.
카테고리 정의. "하나의 플랫폼에서 비즈니스를 운영하세요." 카테고리를 소유한 기존 회사에서 작동합니다.
주요 콘텐츠 블록(영웅 바로 뒤에 오는 섹션)은 헤드라인에 한두 가지 특정 차이점을 추가해야 합니다. 영웅이 자신이 하는 일을 말하면 아래 블록은 왜 대안을 선택할 가치가 있는지 알려줍니다. 대부분의 회사는 여기에 긴 콘텐츠 블록이 필요하지 않습니다. 지원 사본 한 문장과 명확한 행동 촉구문은 브랜드 역사의 세 단락 이상을 의미합니다.

영웅을 죽이는 것: 전문 용어, 모호한 브랜드 표현, 일반적인 스톡 사진, 기업 휴양지에서 온 것처럼 들리는 태그라인. 방문자가 이해하기 전에 번역이 필요한 모든 것. 헤드라인이 아무도 모르게 세 개의 다른 경쟁사 웹사이트에 실릴 수 있다면 이는 제대로 작동하지 않는 것입니다.