서비스 페이지 상단에 대화형 요소 추가
게시 됨: 2021-08-31HubSpot에 따르면 웹사이트 방문자의 55%가 사이트에 머문 시간이 15초 미만입니다. 그러나 왜 이러한 통계에 관심을 가져야 합니까?
사람들을 웹사이트에 오래 머물게 할 수 있을수록 구매 가능성이 높아지기 때문입니다. 따라서 사이트를 가능한 한 매력적으로 만드는 데 시간과 에너지를 투자하여 사람들이 계속 머물 수 있도록 하는 것이 중요합니다.
이 기사에서는 웹 사이트 디자인에 대해 알아야 할 몇 가지 사항을 살펴보고 매력적인 웹 사이트를 구축하는 데 사용할 수 있는 6가지 디자인 트릭을 제공합니다. 자세히 알아보려면 계속 읽어보세요.
서비스 페이지 상단에 대화형 요소 추가
서비스 페이지에 대화형 요소를 추가하면 훨씬 더 매력적으로 만들 수 있습니다. 대부분의 서비스 페이지는 종종 매우 건조할 수 있지만 웹사이트에서 가장 중요한 페이지 중 일부이므로 올바르게 표시하는 것이 중요합니다.
여기에 대화형 요소를 추가하면 방문자의 관심을 끌 수 있고 일반적인 사이트 탐색 경험을 뛰어 넘는 개인화된 경험을 만들 수 있습니다.
서비스 페이지에 추가할 수 있는 요소에는 대화형 퀴즈, 계산기 또는 정교한 검색 기능이 포함됩니다.
영감을 주기 위해 이미 대화형 요소를 효과적으로 사용하고 있는 비즈니스의 몇 가지 예를 살펴보겠습니다.
예를 들어 자동차나 오토바이용 터치업 페인트를 제공하는 회사인 AutomotiveTouchup을 생각해 보십시오. 그들은 잠재 고객이 완벽한 색상 일치를 찾을 수 있도록 하는 정교한 검색 도구를 사용하여 웹 사이트를 특히 매력적으로 만드는 데 도움을 주었습니다.
이 도구를 사용하면 차량의 연도, 제조사 및 모델을 선택할 수 있으므로 원본과 완벽하게 일치하는 최상의 색상을 얻을 수 있습니다.
이 도구는 사람들의 관심을 끌기에 충분할 뿐만 아니라 고객의 구매 프로세스를 개인화하는 데에도 도움이 됩니다.
회사에서 방문자를 사이트에 더 오랫동안 머물게 하고 더 많은 전환을 생성할 수 있는 훌륭한 기술입니다.
Looka는 웹사이트에서도 비슷한 작업을 합니다. 로고 디자인을 용이하게 하기 위해 인공 지능을 사용하는 회사로서, 그들은 웹사이트 방문자를 위한 인터랙티브한 경험을 만들었습니다.
그들은 단순히 잠재 고객에게 회사 이름, 산업, 브랜드 색상 및 슬로건을 묻습니다. 이 정보를 바탕으로 플랫폼은 그대로 사용하거나 사용자 정의할 수 있는 다양한 고유 로고를 생성합니다.
이 도구는 로고 생성 작업을 단순화하고 잠재 고객이 웹 사이트에서 보낼 시간을 늘립니다. 이것은 Looka의 서비스에 관심이 있는 사람들에게 매우 매력적일 것입니다.
마지막으로 대화형 마케팅을 사용하여 기업이 고객과의 관계를 높일 수 있도록 지원하는 회사인 Outgrow의 대화형 평가가 있습니다.
그들이 가지고 있는 대화형 도구 중 하나는 웹사이트 방문자가 자신의 비즈니스에 적합한 마케팅 도구를 찾는 데 도움이 되는 평가입니다.
이 도구는 마케팅 목표, 월예산 및 과거에 사용한 CRM 도구에 대해 묻습니다. 주어진 답변을 기반으로 방문자는 비즈니스 성장에 사용해야 하는 마케팅 도구에 대한 권장 사항을 받습니다.
이것은 웹사이트에 잠재 고객을 유지하는 데 사용할 수 있는 매우 매력적인 전술이며 구현을 고려해야 합니다.
방문자의 관심을 끌 수 있는 비디오 콘텐츠 제공
비디오는 웹사이트 콘텐츠의 가장 매력적인 형태 중 하나입니다. 실제로 HubSpot 및 Mention의 Instagram 참여 보고서는 비디오를 사용하는 것이 청중과의 참여를 유도하는 가장 좋은 방법임을 보여주는 결과를 강조합니다.
따라서 방문자의 체류 시간을 늘리고 구매를 유도하려면 웹 사이트 디자인에 비디오 콘텐츠를 통합하는 것이 좋습니다.
동영상이 매력적인지 확인하려면 브랜드에 가장 적합한 동영상 유형을 파악해야 합니다.
라이브 비디오, 튜토리얼 비디오, 비하인드 스토리 비디오, 설명 비디오까지 만들 수 있습니다. 웹사이트에 비디오를 추가할 때 따라야 하는 트렌드를 살펴보고 적절한 조사를 했는지 확인하십시오.
또한 미리 비디오 스크립트를 작성하는 것이 도움이 됩니다. 동영상 제작에 뛰어들지 마세요. 계획이 있어야 하고 대화가 시청자의 관심을 끌 수 있을 만큼 충분히 매력적인지 확인해야 합니다.
비디오를 만들 때 유형에 따라 웹사이트의 다른 페이지에 표시할 수 있습니다.
예를 들어 직원을 소개하는 비디오를 만들고 사이트의 "회사 소개" 페이지에 추가할 수 있습니다. 또는 제품에 대한 자습서 또는 데모 비디오를 만들어 전자상거래 페이지에 추가할 수도 있습니다.
이제 이 전략을 잘 사용하여 사이트를 더 매력적으로 만드는 일부 웹사이트를 살펴보겠습니다.
SchoolLockers.com은 회사, 학교, 체육관 또는 기타 비즈니스를 위한 다양한 유형의 사물함을 제공합니다. 그들은 또한 금속, 플라스틱 또는 나무와 같은 다양한 재료를 사용하여 사물함을 만듭니다.
스토리지 캐비닛의 서비스 페이지에는 고객을 위해 만드는 금속 캐비닛에 대해 더 많은 정보를 제공하는 비디오가 포함되어 있습니다.
비디오는 캐비닛의 색상, 포함된 선반 유형, 추가 정보가 필요할 수 있는 고객의 연락처 번호에 대해 설명합니다.
이와 같은 비디오 콘텐츠를 사용하면 제품을 선보일 수 있고 사람들이 웹사이트에 더 오래 머물 수 있도록 도와줍니다.
키를 떠나십시오 주택 구매자는 또한 비디오 콘텐츠를 사용하여 이전 고객의 리뷰를 표시합니다. 그들은 사람들이 어떤 조건에서도 빨리 집을 팔도록 돕는 회사입니다.
그들의 웹사이트에는 뉴욕주 Buffalo에서 구입한 주택에 대해 사람들에게 알리는 서비스 페이지가 있습니다. 여기에 다양한 고객이 회사 서비스에 대해 얼마나 만족하는지에 대해 이야기하는 세 가지 비디오 평가가 있습니다.
클라이언트는 또한 자신의 부동산을 판매하려는 사람에게 회사를 추천할 것이라고 언급합니다.
리뷰를 수집하는 시스템이 이미 있는 경우 웹사이트에 포함할 수 있는 비디오 리뷰를 미래의 고객에게 요청할 가치가 있습니다. 이것은 귀하의 사이트를 훨씬 더 매력적으로 만드는 데 도움이 될 수 있습니다.
작업을 인간화하는 이미지 사용
사람들이 당신의 사업에 얼굴을 대면 당신과 관계를 맺을 가능성이 훨씬 높아집니다. 이미지는 특히 타겟 청중과 비슷한 사람들의 친근한 얼굴이나 사진을 사용하는 경우 고객과 연결하는 데 도움이 될 수 있습니다.

또한 스톡 사진이 아닌 고품질 이미지를 사용하는 것이 좋습니다. 비즈니스와 실제 관련이 없는 재활용 사진을 사용하고 있는지 사람들이 알 수 있기 때문입니다.
웹사이트 이미지가 최적화되도록 조치를 취하는 것도 중요합니다. 이를 수행할 수 있는 방법 중 하나는 파일 크기를 압축하는 것입니다. 이렇게 하면 사이트를 더 빨리 로드할 수 있습니다. 이를 위해 이미지 압축기 플러그인 또는 Img2Go.com과 같은 도구를 사용할 수 있습니다.
웹사이트에서 이미지를 최적화하는 방법에 대해서는 SKT Themes에서 이 가이드를 확인할 수도 있습니다.
브랜드를 인간화하는 이미지를 사용하는 비즈니스의 실제 사례를 살펴보겠습니다.
Warby Parker는 안경, 선글라스 및 콘택트 렌즈를 판매하는 전자 상거래 상점입니다. 그들의 웹사이트에 접속하면 홈페이지에서 두 명의 젊은 성인 이미지를 볼 수 있으며 모델은 둘 다 상점에서 구할 수 있는 것과 같은 종류의 안경을 쓰고 있습니다.
그들은 또한 여러 다른 웹 페이지에서 회사의 목표 시장처럼 보이는 다른 모델의 이미지를 표시합니다.
이렇게 하면 잠재 고객이 웹 사이트 전체에서 자신과 똑같이 생긴 사람들의 사진을 볼 수 있기 때문에 브랜드와 관계를 형성하고 참여하는 데 도움이 됩니다.
타겟 고객도 확인했다면 웹사이트에서 비슷한 사람들의 이미지를 사용하여 가장 많은 참여를 유도하는 것이 좋습니다.
이전 고객의 경험을 위한 공간 만들기
이전 고객의 리뷰와 사용후기를 공유하면 웹사이트를 더욱 매력적으로 만들 수 있습니다. 이는 사람들이 자신이 투자하고 싶은 것에 대한 현실적인 아이디어를 얻기 위해 입소문 추천을 읽는 것을 좋아하기 때문입니다.
리뷰를 표시하려면 홈페이지나 서비스 페이지의 섹션에 리뷰를 배치하는 것이 좋습니다. 사람들이 스크롤할 때 볼 수 있도록 웹사이트의 사이드바에 추가할 수도 있습니다.
또는 리뷰를 위한 별도 페이지를 만들어 고객의 더 많은 평가를 표시할 수 있습니다.
참여를 촉진하기 위해 리뷰와 평가를 훌륭하게 표시하는 웹사이트의 예를 살펴보겠습니다.
Victoria University는 온라인 간호학 석사 프로그램을 제공합니다. 그리고 이에 대한 웹 페이지에는 해당 학교의 과거 학생들과 다른 리뷰를 표시하는 섹션이 포함되어 있음을 알 수 있습니다.
그들은 경험에 대해 이야기하고 대학에 다니는 것이 어떻게 생각과 직업 경로를 형성했는지에 대해 이야기합니다.
이것은 대학 동문들의 실제 평가를 통해 예비 학생들을 참여시킬 수 있는 좋은 방법이며 학교의 신뢰도를 높이는 데 도움이 됩니다.
사이트에 리뷰를 표시하고 싶지만 수집 방법을 잘 모르겠다면 SKT Themes에서 이 가이드를 읽어보세요. SKT Themes에서 어떤 플러그인을 사용하여 과거 고객의 리뷰와 사용 후기를 얻을 수 있는지 설명합니다.
심플하면서도 시선을 사로잡는 디자인 유지
웹 사이트 디자인과 적절한 균형을 찾는 것이 중요합니다. 사람들이 압도당하고 떠나는 것처럼 너무 지저분해 보이는 것을 원하지 않지만 지루하게 만들고 싶지도 않습니다.
흥미로운 것을 유지하기 위해 많은 이미지를 포함하고 브랜딩을 반영하는 웹 디자인에 가장 적합한 색상을 사용하려고 할 수 있습니다. 또한 사본을 짧고 간결하게 유지하고 웹사이트 방문자를 위한 사용자 친화적인 탐색을 만들었는지 확인해야 합니다.
매우 매력적인 웹사이트 디자인의 예를 살펴보겠습니다.
Evernote는 사람들이 모든 아이디어를 캡처할 수 있도록 도와주는 메모 작성 애플리케이션입니다. 그들의 웹사이트에서 매우 단순하지만 효과적인 디자인으로 진행되었음을 알 수 있습니다. 그들은 공백을 잘 활용하면서 녹색과 검은색을 사용합니다.
또한 잠재 고객에게 도구가 어떻게 작동하는지 보여주기 위해 도구의 고품질 이미지와 비디오를 많이 포함했습니다.
웹사이트를 복잡한 디자인으로 채우는 대신 사람들이 웹사이트에 더 오래 머물 수 있도록 복잡하지 않은 단순한 디자인을 선택했습니다.
웹사이트에 요소가 너무 많고 어수선해 보인다면 방문자가 혼동하지 않도록 단순화하는 것이 좋습니다.
사람들이 다음에 무엇을 해야 하는지 항상 알도록 하십시오.
사람들이 웹사이트에서 길을 잃는 것을 원하지 않습니다. 대신 모든 단계에서 다음에 해야 할 일을 명확히 하는 것이 중요합니다. 그리고 강력한 명령 동사를 사용하는 효과적인 클릭 유도문안(CTA)으로 이를 수행할 수 있습니다.
또한 배경과 다른 밝고 대담한 색상을 사용하여 시각적으로 효과적인 CTA를 만들어 CTA가 눈에 띄게 만들 수 있습니다.
이제 특정 웹사이트가 영감을 얻기 위해 효과적인 CTA를 사용하는 방법을 연구해 보겠습니다.
Sleeknote는 기업이 사이트를 개인화하여 더 많은 잠재 고객을 전환할 수 있도록 하는 마케팅 소프트웨어를 제공하는 회사입니다. 그리고 두 가지 다른 CTA를 제공하여 매력적인 홈페이지를 만들었습니다.
하나는 무료 평가판을 시작할 준비가 된 사람들을 위한 것이고 다른 하나는 여전히 회사의 데모를 보고 싶어하는 사람들을 위한 것입니다.
방문자가 더 많은 정보를 필요로 하는 경우 Sleeknote에는 방문자를 참여시키고 회사 고객 서비스 팀의 사람들과 연결하는 라이브 채팅 옵션도 포함되어 있습니다.
웹사이트 방문자에게 사이트에서 수행할 작업을 알려주는 효과적인 CTA를 사용하면 방문자에게 정보를 제공하고 참여를 유도할 수 있으며 사이트의 전환율을 높일 수 있습니다.
요약
이 기사에서는 고객을 위한 매력적인 웹 사이트를 구축할 때 사용할 수 있는 6가지 트릭을 제공했습니다.
우리는 인터랙티브 요소의 사용, 비디오 콘텐츠, 단순한 웹사이트 디자인, 심지어 브랜드를 인간답게 만드는 이미지의 사용에 대해서도 논의했습니다.
그리고 웹사이트 디자인 방법에 대한 팁과 트릭을 계속 얻고 싶다면 SKT Theme의 블로그에서 더 많은 업데이트를 확인할 수 있습니다.
저자 약력 및 얼굴 사진:
Alex Ratynski는 중소기업의 목표 달성을 돕는 온라인 마케팅 컨설팅 회사인 Ratynski Digital의 설립자입니다.
그는 치과 마케팅 대행사에서 지역 SEO 이사로 일한 후 회사를 설립하여 고객의 벤처를 번창하는 수백만 달러 비즈니스로 전환하는 데 도움을 주었습니다. 그는 고객을 위해 SEO 전략을 세우는 데 대부분의 시간을 할애합니다.