무엇이 좋은 웹사이트를 만드는가? [웹 디자이너와의 Q&A]

디지털 시대에 귀하의 웹사이트는 귀하의 비즈니스에서 가장 강력한 도구 중 하나라는 사실은 아무리 강조해도 지나치지 않습니다. "좋은" 웹사이트 디자인에 대해 이해해야 할 첫 번째 사항 중 하나는 웹사이트가 단순히 미학적으로 보기 좋은 모양이 아닌 훨씬 더 많은 것을 필요로 한다는 것입니다. 사실 귀하의 웹사이트는 영업 및 마케팅 전략의 초석이 될 수 있고 또 그래야 합니다. "예쁜" 웹사이트는 판매 파이프라인을 통해 리드를 이동시키기 위해 구축되지 않았으며, 고객의 요구를 충족하지 않는 레이아웃은 새로운 글꼴과 업데이트된 색상보다 훨씬 더 많은 정밀 검사가 필요합니다.

우리는 StoryTeller의 사내 웹 디자이너, 개발자이자 만능 웹 전문가인 Melissa Nault 와 그녀가 검색, 마케팅, 판매 및 미학적으로 최적화된 클라이언트 웹사이트를 구축할 때 염두에 두는 핵심 원칙에 대해 이야기했습니다. 아름다운.

검색을 위해 웹사이트를 최적화하는 데 디자인이 어떤 역할을 합니까?

우선 트래픽을 늘리고 온라인에서 리드를 생성하려면 SEO를 염두에 두고 웹사이트를 구축해야 합니다. 중요한 키워드는 웹페이지 헤더, 카피 전체에 포함되어야 하며 웹사이트 전체의 이미지 메타 설명에도 포함되어야 합니다. Google 알고리즘은 웹 페이지를 크롤링하여 잠재 고객이 검색하는 것과 가장 일치하는 항목을 찾으려고 노력하므로 Google에서 가능한 한 쉽게 올바른 방문자에게 귀하를 연결해 드립니다.

잠재 고객이 귀하의 페이지를 찾으면 시각적으로 만족스러운 디자인이 더 오래 머물도록 유도하여 이탈률을 줄이고 페이지에 머문 평균 시간, 신뢰성, 클릭 및 전환 기회를 증가시킵니다. 이미지와 비디오를 대체 텍스트로 최적화하고 크기를 조정하여 페이지 속도를 줄이는 것이 중요합니다. 이러한 모든 요소는 웹사이트의 순위를 높이는 데 도움이 됩니다. 그렇기 때문에 웹사이트 디자인은 단순히 "돼지에게 립스틱을 바르는 것" 이상의 의미가 있습니다. 사용자를 위한 기능이 뛰어나고 검색에 최적화되어야 합니다.

"좋은" 웹사이트 디자인의 핵심 요소는 무엇입니까?

좋은 웹사이트는 시청자를 압도하지 않도록 깨끗하고 최소한이어야 합니다. 오래된 광고 속담에 "간단하게, 멍청하게"라는 말이 있듯이. 탐색이 쉬워야 할 뿐만 아니라 사용자가 사이트 탐색을 즐길 수 있어야 합니다. 비디오와 같은 동적 시각 자료로 웹사이트 탐색 경험을 만들고 방문자가 다음 단계로 이동할 수 있도록 다양한 클릭 유도문안(CTA)으로 탐색을 장려해야 합니다. 탐색은 청중을 위해 잘 고려되고 직관적이어야 합니다. 헤더의 순서에 대해 '모두에게 맞는 크기'는 없습니다. 대신 방문자의 필요와 요구 사항을 충족해야 합니다.

탐색 및 사용자 경험(UX)을 개선하려면 바닥글에 탐색 또는 링크를 추가하고 방문자가 키워드로 검색할 수 있도록 검색 창을 포함하십시오. 시선을 사로잡는 헤드라인이나 부제목과 "스크롤 없이 볼 수 있는 부분"이라는 문구를 포함하여 방문자가 문제를 해결하는 데 도움을 줄 수 있다는 확신을 줍니다. 그리고 작은 화면에서 작은 단어를 보는 것이 조금 어려운 독자를 위해 모든 텍스트가 읽을 수 있을 만큼 충분히 크고 명확해야 합니다.

디자인은 항상 브랜드 및 브랜드 색상과 일치해야 합니다. 색상 팔레트에는 버튼과 CTA에 사용하기 위해 실제로 '튀는' 하이라이트 색상이 포함되어야 합니다. 모든 페이지에서 일관되게 사용할 디자인의 시작 부분에서 하나의 그래픽 요소를 선택하고 두 개 이상의 글꼴을 사용하지 마십시오! 두 가지가 가장 잘 어울리는 것을 가지고 놀아보세요.

좋은 웹사이트에는 신뢰와 권위 를 쌓기 위해 과거에 함께 일했던 고객이나 회사의 평가가 포함되는 경우가 많습니다. 그리고 각 페이지를 빌드한 후 링크가 제대로 작동하는지 확인하고 반응형/모바일 보기 에서 증명하여 데스크톱에서와 같이 잘 보이는지 확인합니다.

웹사이트에 포함해야 하는 가장 중요한 페이지 유형은 무엇입니까? 그리고 너무 적거나 너무 많이 가질 수 있습니까?

가장 중요한 것은 잘 짜여진 홈페이지, 서비스 페이지, 정보 페이지 및 문의 페이지가 필요하다는 것입니다. 물론 이것은 산업에 따라 다릅니다. 웹사이트에 포함되어야 하는 페이지 수에 대한 마법의 숫자는 없지만 사이트로 트래픽을 유도하고 Google에서 더 높은 순위를 차지하는 것이 목표인 경우 더 나은 품질의 콘텐츠를 더 잘 수행할 수 있다는 점을 기억하십시오. 이것이 블로깅이 온라인에서 계속해서 중요한 역할을 하는 한 가지 이유입니다. Content Marketing Institute 의 연구에 따르면 블로그를 운영하는 기업은 웹사이트에서 400% 이상 더 많은 검색 색인 페이지를 생성합니다.

콘텐츠의 역할은 최종 목표를 염두에 두고 웹사이트 구축을 시작하는 것이 중요한 또 다른 이유이며, 회사가 지속적인 마케팅 노력의 일부로 블로그를 포함하도록 항상 권장하는 이유입니다. 또한 블로깅은 신뢰를 구축하고 전문 지식을 공유하기 위해 대상 고객에게 유용한 정보를 제공하는 좋은 방법입니다. 모든 웹사이트 디자인 및 전략 계획에서 사용자 입장에서 생각하고 최상의 경험을 제공할 수 있는 것이 무엇인지 고려하십시오.

웹사이트 디자인에 대한 정보를 얻고 영감을 얻는 방법에는 어떤 것이 있습니까?

나는 일반적으로 내가 디자인하고 있는 업계를 구글링하고 순위가 높은 웹사이트를 살펴보고 새로운 아이디어를 찾기 위해 HubSpot의 솔루션 디렉토리 를 살펴보는 데 시간을 보냅니다. 나는 또한 우리가 사용하고 있는 테마 개발자 Helpful Hero 의 웹사이트를 꾸준히 방문합니다. Kevin Froman은 일반적으로 다음 디자인에 대한 많은 영감을 주는 사이트의 "실제 사례"를 보여줍니다.

웹사이트 구축을 시작하기 전의 프로세스는 무엇입니까?

앞서 언급했듯이 새 웹사이트를 구축하기 전에 새 웹사이트에 대한 고객의 고유한 목표를 이해하는 것이 중요합니다. 모든 비즈니스는 다르며, 그들의 요구에 맞는 웹사이트를 구축하기 위해 우리는 그들의 타겟 고객이 무엇을 원하는지, 그리고 어떤 종류의 메시지가 그들에게 반향을 일으킬지 이해해야 합니다.

우리는 항상 고객의 기존 웹사이트에 대한 웹사이트 감사를 수행하여 프로세스를 시작하고 작동하는 것과 작동하지 않는 것, 브랜드 등을 기록합니다. 또한 고객이 완료하도록 요청하는 디자인 설문조사를 고객에게 제공합니다. 그것은 그들이 좋아하거나 좋아하지 않는 스타일, 색상, 그래픽, 분위기 등에 대한 구체적인 질문을 합니다. 또한 내가 그들에게 "좋아요" 또는 "싫어요"라고 묻는 웹사이트 목록도 포함합니다. 그들의 브랜드와 결합하여 나는 일반적으로 클라이언트에게 보여줄 프레임워크 디자인을 시작할 수 있습니다.

웹사이트를 디자인할 때 가장 좋아하는 도구는 무엇입니까?

• 이미지 최적화를 위한 Sqoosh .
• 색상 팔레트 아이디어를 가지고 놀기 위한 쿨러.
• 사용자 정의 글꼴을 위한 CloudConvert 및 MP4를 GIF 변환기로 변환합니다.
• 스톡 이미지/벡터 이미지용 Adobe Stock .
• 웹 페이지에서 색상을 가져오기 위한 ColorZilla Chrome 확장 프로그램 입니다.
• 웹페이지에서 글꼴을 식별하기 위한 WhatFont Chrome 확장 프로그램

웹사이트에서 동영상이 얼마나 중요한가요? 그리고 어디에 추가해야 하나요?

비디오는 다른 어떤 온라인 채널과도 달리 사람들을 움직이지만 강력한 비디오 제작 및 비디오 마케팅 전략 만이 사람들을 움직이게 합니다. 브랜드에 대한 이야기를 전달하고 제품과 서비스를 선보일 수 있는 좋은 방법입니다. 언급한 바와 같이 동영상은 사용자가 사이트에 더 오래 참여하도록 하여 검색을 위해 페이지를 최적화하는 데 도움이 됩니다. 비디오가 왕 이라는 것은 비밀이 아닙니다.

비디오는 때때로 웹 페이지의 속도를 늦출 수 있으므로 비디오 플레이어에서 비디오를 호스팅한 다음 사이트에 삽입하는 것이 좋습니다. 또한 비디오 콘텐츠를 최대한 활용하되 중복은 피해야 합니다. 따라서 관련성 있고 도움이 되는 위치에 비디오를 추가하되 사이트에 비디오를 너무 많이 사용하거나 동일한 비디오를 너무 많은 페이지에 사용하지 마십시오. 사람들에게 당신이 전달하고자 하는 내용을 읽거나 동영상을 볼 수 있는 옵션을 제공하세요.

하루가 끝나면 새로운 웹사이트에 투자하는 사람에게 한 가지 조언을 해주실 수 있습니까?

웹사이트를 성장을 위해 구축된 진화하는 도구로 생각하십시오. "비공개 클럽의 새 회원 찾기"와 같이 웹사이트 방문자를 위해 명확하게 정의된 목표로 시작하고 그 렌즈를 통해 디자인과 콘텐츠 등 다른 모든 것을 봅니다. 잠재 고객의 주요 질문에 답변했습니까? 회원정보를 쉽게 찾을 수 있도록 하였습니까? 이미지가 신입 회원이 얼마나 즐거운 시간을 보낼 수 있는지 보여줍니까? 이것이 웹사이트가 판매 및 마케팅 도구가 되는 방법입니다.

또한 "완벽함"은 "선함"의 적임을 기억하십시오. 강력하고 전략적인 기반과 고품질 디자인으로 구축된 한 웹사이트는 시작하기 전에 완전하고 완벽할 필요가 없습니다. (예를 들어, 1,000개의 웹 페이지로 시작할 필요가 없습니다. 가장 중요한 상위 20개부터 시작하여 출시 후에도 단계적으로 계속 추가할 수 있습니다.) 이 개념을 "성장 주도 디자인"이라고 하며, 사이트가 실제로 완료되지 않기 때문에 우리 대행사의 핵심 신념입니다. 대신, 훨씬 더 전략적이고 잘 설계된 미래의 시작입니다.