웹 디자인을 할 때 클라이언트의 개성을 추가하는 방법

웹사이트를 디자인하는 것은 한 가지입니다. 클라이언트의 성격을 주입하고 특성을 식별하는 것은 완전히 다른 것입니다.

이것에 대해 생각하다. 개인, 기업 또는 조직으로서 고객의 성격에 대해 말하는 웹사이트를 디자인하는 데 시간을 들이지 않는다면 사이트가 어떻게 효과적일 수 있습니까?

인터넷에는 많은 소음이 있으며 누구나 웹사이트를 가질 수 있습니다. 하지만 개인이나 기업에 웹사이트가 있다고 해서 방문자가 줄을 서야 하는 것은 아닙니다. 트래픽이 많은 사이트는 잘 설계되어야 할 뿐만 아니라 의도한 청중과 연결되어야 합니다. 또한 클라이언트의 비즈니스 이미지를 반영해야 하며 이것이 바로 훌륭한 웹 디자인이 클라이언트를 경쟁에서 돋보이게 하는 데 도움이 되는 부분입니다.

이 게시물에서는 웹사이트에 고객의 개성을 추가할 수 있는 영역에 대해 설명합니다. 클라이언트의 성격이나 비즈니스 이미지를 기반으로 웹사이트를 디자인하면 최종 사용자에게 훨씬 더 친근하고 기억에 남는 경험을 제공하고 올바른 트래픽이 계속 유지되고 계속 유지될 수 있습니다.

클라이언트 인터뷰: 올바른 질문하기

클라이언트의 성격을 반영하는 웹사이트를 디자인하려면 먼저 질문을 하고 두 번째로 디자인해야 합니다. 좋은 질문은 고객의 고객에게 어필할 수 있는 완벽한 사이트를 디자인하기 위해 알아야 할 사항을 알려줍니다.

다음은 고객에게 묻고 싶은 질문 유형의 몇 가지 예입니다.

• 그들은 누구인가?
• 그들이 말하고 싶은 것은 무엇입니까?
• 그들은 어떤 가치를 가지고 있습니까?
• 그들의 목표는 무엇입니까?
• 그들은 누구에게 도달하려고 합니까?
• 그들은 청중에게 어떤 약속을 합니까?
• 그들이 청중에게 보여주고 싶은 전반적인 이미지는 무엇입니까?
• 그들이 의사 소통을 피하고 싶은 것이 있습니까?

이러한 질문에 대한 답변은 전체 웹사이트 디자인의 기초가 됩니다. 물론 웹사이트는 색상, 글꼴, 그림 및 레이아웃이지만 브랜드 아이덴티티를 강화하거나 생성하는 것이기도 합니다. 사실, 그 아이덴티티를 만들기 위해서는 모든 것이 딱 맞아야 하고 때로는 올바른 글꼴이나 잘못된 그림만으로도 웹사이트를 완벽하게 만들거나 만들려는 전체 이미지를 망칠 수 있습니다.

사람들은 웹사이트에 연결되어 있다고 느낄 필요가 있습니다. 이것은 인간 관계를 생성하는 명확한 의사 소통으로 달성됩니다. 그런 일이 발생하면 웹 사이트는 한 번만 방문되는 것이 아닙니다. 그것은 계속해서 재방문되고 회사는 실제로 그 방문자의 삶의 일부가 됩니다. 그들은 친구와 공유하고 싶어합니다.

미학적으로 만족스러운 디자인: 완벽한 모양 만들기

클라이언트의 마음과 영혼을 이해하고 나면 실제로 웹사이트를 디자인해야 합니다. 이제 클라이언트에 대해 배운 내용을 바탕으로 시각적 아이덴티티를 부여할 때입니다. 웹사이트의 디자인은 청중과 연결되어야 할 뿐만 아니라 시선을 사로잡아야 합니다.

즉, 클라이언트의 비즈니스 이미지와 성격에 잘 어울린다고 생각되는 몇 가지 기본 테마를 생각해 낸 다음 선택해야 합니다. 때로는 첫 번째 테마가 무난하지만 완벽하지 않을 수 있으므로 몇 가지 다른 테마의 기본 사항을 스케치하여 가장 효과적인 것을 결정해야 합니다.

예를 들어 기술 산업에 클라이언트가 있고 최고의 포스트 모던 디자인 요소를 모두 활용하는 하이테크 웹 사이트를 구축하는 것이 첫 번째 아이디어일 수 있지만 레트로 디자인은 클라이언트가 제공하는 것과 사이트에서 실제로 보여주는 것. 하이테크 웹사이트를 디자인하지 않는 것에 대한 강조는 실제로 그들이 다른 기술 회사들과 다르다는 사실을 강조할 것입니다.

레이아웃: 좋은 웹사이트의 프레임워크

웹 사이트 디자인의 필수 구성 요소는 레이아웃입니다. 사이트 요소를 배치하는 방법에 따라 사이트의 전반적인 성공 여부가 결정됩니다. 고객의 성격과 정체성을 명확하게 전달하기 위해 노력하고 있음을 기억하십시오. 당신은 그것을 혼란스러운 레이아웃으로 혼란스럽게 만들고 싶지 않습니다.

웹사이트의 레이아웃은 보기에 매력적이어야 하지만 지나치게 복잡하지 않아야 합니다. 탐색은 간단하고 이해하기 쉬워야 합니다. 사이트의 청중은 사이트를 탐색하는 방법을 직관적으로 알고 싶어할 것입니다. 디자인을 어렵게 만들어서 그들을 낙담시키지 마십시오.

여기에서 기본 규칙은 적을수록 많다는 것입니다. 모든 페이지에서 원하는 사이트의 모든 부분에 액세스할 수 있는지 확인하고 싶지만 콘텐츠를 어지럽히는 링크나 버튼이 많아지는 것은 원하지 않습니다. 필요한 것만 포함할 수 있을 때 확장 모듈과 함께 버튼을 쌓습니다.

색상 이론: 색상환 및 기타 도구

색상은 전문적인 웹사이트 디자인과 아마추어적인 노력을 구별할 수 있는 디자인 요소입니다. 웹 디자인에서 색상을 과도하게 사용하고 싶지 않습니다.

한 가지 옵션은 사이트의 요소를 강조 표시하고 향상시키는 한 가지 색상을 선택한 다음 나머지 디자인에 회색과 흰색을 사용하는 것입니다. 이렇게 하면 키 요소가 표시됩니다.

3색 디자인은 한 가지 색상이 주요 초점으로 선택되고 다른 두 가지 색상이 웹사이트의 다른 영역을 강조 표시하는 또 다른 좋은 옵션입니다. 헤드라인 및 하위 헤드라인과 같은 색상 구성표와 상관없이 색상은 클라이언트의 개성과 정체성을 반영해야 합니다.

색상이 고객의 이미지 및 전체 메시지와 일치하는지 확인하기 위해 색상이 갖는 의미에 대해 생각하는 것이 중요합니다. 예를 들어 빨강, 노랑, 오렌지와 같은 색상은 힘, 흥분 및 따뜻함을 상징합니다. 블루스, 바이올렛 및 퍼플은 평화, 평온 및 고요함을 상징하는 경향이 있습니다. 색상은 디자인과 전반적인 메시지를 향상시키거나 저하시킬 수 있으므로 현명하게 선택하는 것이 중요합니다.

어떤 색상이 어울리고 어떤 색상이 충돌하는지 이해하는 것도 정말 중요합니다. 대부분의 디자이너는 어떤 색상이 잘 어울리는지 알고 있지만 이미 선택한 기본 색상과 잘 어울리는 모든 색상을 알지 못할 수도 있습니다. 대부분의 디자이너는 보색에 대한 몇 가지 기본적인 아이디어를 가지고 있지만 색상환이나 다른 도구를 사용하여 가장 잘 맞는지 알지 못하는 색상이 있는지 확인하는 것이 중요합니다.

당신은 또한 당신이 하는 다른 그래픽 디자인뿐만 아니라 웹사이트를 디자인할 때 많은 도움이 될 몇 가지 무료 도구를 알고 있어야 합니다. 한 가지 예는 정확한 16진수 또는 RGB 색상 식별자를 알려주는 무료 도구인 Pixie입니다. 이 도구를 사용하면 색상을 일치시키거나 최소한 특정 웹사이트 요소에 대해 실제로 선택한 색상을 알 수 있습니다.

유형: 글꼴 선택 및 레이어 스타일

고객의 메시지를 나타내기 위해 선택한 타이포그래피를 과소평가하지 마십시오. 글꼴이 고유하지만 읽을 수 없는 것은 아니길 원합니다. 웹 디자인에 사용할 글꼴을 선택할 때 따라야 할 좋은 규칙은 웹 페이지의 사본에 더 간단한 글꼴을 선택하는 것입니다. 헤더 및 더 큰 클릭 유도문안을 위한 더 복잡한 글꼴을 저장합니다. 고객은 메시지를 전달하기를 원합니다. 청중이 그 메시지를 쉽고 명확하게 읽을 수 있는지 확인하십시오.

또 다른 중요한 점은 선택한 서체와 일관성을 유지하는 것입니다. 너무 많은 글꼴이 포함된 웹사이트를 원하지 않습니다. 이것은 청중에게 무질서하고 비전문적으로 보일 수 있습니다.

디자이너가 가끔 저지를 수 있는 또 다른 실수는 컴퓨터에 설치한 것과 동일한 글꼴을 계속 사용하는 것입니다. 수백 개의 글꼴이 있을 수 있고 작업 중인 웹 사이트 디자인과 완벽하게 작동하는 무언가가 분명히 있을 것이라고 생각하기 때문에 이것은 저지르기 쉬운 오류입니다.

사실은 당신이 어느 정도 옳습니다. 당신의 컬렉션에는 당신이 만들고 있는 디자인과 잘 어울릴 것 같은 글꼴이 있지만, 여전히 웹에서 다른 글꼴을 확인하여 당신의 디자인에 가장 적합한 글꼴을 선택했는지 확인해야 합니다. 설계. 그냥 가지고 살 수 있는 글꼴을 사용하는 것보다 시간을 내어 살 수 없는 것을 찾지 않을 이유가 없습니다.

당신이 보는 것은 당신이 얻는 것입니다: 이미지

일러스트레이션 및 사진과 같은 이미지는 웹사이트의 청중에게 고객의 개성을 소개하는 데 실제로 도움이 될 수 있습니다. 예를 들어, 이미지는 조용한 순간을 포착하거나 주요 제품을 제공하는 데 도움이 될 수 있습니다. 웹 디자인의 다른 측면과 마찬가지로 일관성이 핵심입니다. 웹사이트의 이미지는 눈에 띄는 요소의 유사성을 위해 선택해야 합니다. 이를 통해 디자이너는 고객의 성격과 브랜드라는 단일 내러티브를 말할 수 있습니다.

특히 사진을 다룰 때는 클라이언트의 전체적인 이미지를 반영하는 사진을 선택하는 것이 중요합니다. 헤드샷 및/또는 팀 사진이 나오는 경우 딱딱하게 보이는 것을 원하지 않습니다. 전문 사진 작가는 고객의 진정한 본질을 포착하는 데 큰 도움이 될 수 있습니다.

전문 사진 작가에게 접근할 수 없는 경우에는 대형 스톡 사진 웹사이트 중 하나 이상에 접근할 수 있어야 하며 이상적으로는 그 중 여러 곳의 회원 자격이 있어야 합니다. 또한 실제로 이미지를 사용하기 전에 이미지를 시험해 보는 것이 중요합니다. 잘못된 이미지에 크레딧을 사용하는 것은 디자이너에게 발생할 수 있는 가장 실망스러운 일 중 하나입니다.

Photoshop으로 웹 디자인 플랫폼을 보완하는 경우 사용하는 가장 좋은 방법 중 하나는 스톡 사이트에서 워터마크가 표시된 이미지를 다운로드한 다음 '자유 변형' 도구를 사용하여 픽셀화되지 않고 올바른 크기로 가져오는 것입니다. 이렇게 하면 사진이 실제로 레이아웃에 추가될 때 어떻게 보일지 정확히 볼 수 있습니다.

알려주는 대신 표시: 웹사이트에 비디오 포함

때로는 고객이 스스로 말하게 해야 합니다. 전문적으로 제작된 비디오를 웹 디자인에 추가하는 것은 클라이언트의 진정한 개성이 빛날 수 있는 좋은 방법입니다. 그들은 자신의 언어로 자신의 이야기를 전하고 매우 개인적인 방식으로 청중과 소통할 수 있습니다.

동영상을 빛나게 할 수 있는 방법은 많이 있습니다. 전문 성우를 추가하면(Fiverr와 같은 서비스 사이트에서 단 몇 달러에 구입할 수 있음) 큰 차이를 만들 수 있으며 실제로 전문 배우와 함께 비디오를 촬영할 수 없는 경우 사용할 수 있는 다른 기술이 있습니다. 당신이 원하는 옷장과 세트.

비디오의 필요성이 커진 이후 스톡 비디오그래피가 크게 확장되어 상상할 수 있는 거의 모든 장면에서 비즈니스 스톡 비디오를 찾을 수 있습니다. 그러나 그렇게 할 수 없더라도 실사 비디오 없이도 이야기를 전달할 수 있는 화이트보드 애니메이션과 같은 옵션이 여전히 있습니다.

마지막 생각들

이것은 고객을 위해 디자인한 웹사이트에 고객의 개성을 주입하는 데 도움이 될 수 있는 몇 가지 방법 중 일부에 불과합니다. 각각의 훌륭한 웹사이트는 간단한 설명으로 시작됩니다. 고객 메시지의 핵심을 모르면 고객이 원하는 청중을 끌어들이는 사이트를 디자인할 수 없습니다.

고객이 누구인지, 고객이 무엇을 의미하며 어떤 메시지를 전달하고 싶은지 명확하게 이해하는 것부터 시작하세요. 거기에서 레이아웃을 만들고 디자인 요소를 선택하여 클라이언트의 개성을 구현하고 기억에 남는 사용자 경험을 만들 수 있습니다.

귀하가 사용할 수 있는 모든 도구를 사용하고 귀하의 웹사이트를 클라이언트에게 공개하기 전에 귀하의 웹사이트가 가능한 한 좋은지 확인하십시오. 고객이 수락하는 웹사이트와 개인 또는 비즈니스 웹사이트에 완벽하다고 생각하는 웹사이트와 고객이 절대적으로 좋아하는 웹사이트 사이에는 큰 차이가 있습니다. 매번 완벽한 제품을 제공하면 명성이 훨씬 더 빨리 올라갈 것입니다.