내 사이트 재부팅: 놀라운 웹사이트 변환

게시 됨: 2023-02-13

웹을 검색하다가 숨이 멎을 정도로 숨이 막힐 정도로 감탄을 금치 못하는 웹사이트를 발견한 적이 있습니까? 경외심을 불러일으키는 웹사이트 재설계는 잠재 고객의 관심을 끌고 끌어들이는 강력한 방법이 될 수 있습니다. 오래된 웹사이트를 개편하거나 처음부터 새로 구축하려는 경우 완벽한 웹사이트 변환이 큰 차이를 만들 수 있습니다.

색상, 타이포그래피 및 레이아웃을 신중하게 조합하면 보기에 좋고 사용하기 쉬운 것을 만들 수 있습니다. 올바른 방식으로 재설계하면 키워드 관련성과 페이지 로딩 시간을 개선하여 검색 엔진 최적화(SEO) 순위뿐만 아니라 사용자 만족도를 높일 수 있습니다.

이 점을 증명하기 위해 Reboot My Site 이니셔티브를 통해 완료된 웹사이트 재설계의 이전과 이후를 살펴보겠습니다. Brizy의 친구와 함께 소규모 기업이 오래되고 오래된 웹사이트를 개선하도록 돕고 있습니다. 새로운 모양과 느낌을 제공할 뿐만 아니라 전략적 SEO 기술로 검색 순위를 정복하도록 돕고 있습니다.

재설계가 필요한 웹사이트 식별

Reboot My Site 프로젝트의 경우 소규모 기업에 전체 웹 사이트 변환을 신청할 수 있는 기회를 제공했습니다. 우리가 선택한 첫 번째 웹사이트는 유타 주 캐시 밸리에 있는 이사 회사인 2 Guys and a Truck의 소유였습니다. 그들의 사이트는 Namecheap Cloud-powered EasyWP와 비전문가를 위한 최고의 사이트 빌더인 Brizy를 사용하여 재설계되었습니다.

재설계를 시작하기 전에 사업주인 Aspen이 새 설계에서 무엇을 필요로 하는지, 그가 변경하고 싶은 것이 무엇인지, 그리고 그대로 두고 싶은 것이 무엇인지 이해하는 것이 필수적이었습니다.

몇 번의 회의와 많은 브레인스토밍을 거친 후 새 웹사이트에 대한 계획은 다음과 같습니다.

  • 기존 도메인 이름 유지 – twoguysandatruckllc.com
  • 인식 가능한 브랜드 색상 유지 – 주황색 및 회색
  • 로고 이면의 아이디어를 계속 유지하되 최신 상태로 유지
  • 다른 모든 것을 재설계
그리고 개편 전의 오래된 웹사이트

홈페이지에는 방문자가 회사가 하는 일을 한눈에 정확히 볼 수 있도록 더 나은 가치 제안이 필요했습니다. 새로운 영웅 이미지와 업그레이드된 리뷰 섹션은 웹사이트 디자인에 극적인 새로운 분위기를 줄 것입니다. 또한 더 나은 예약 페이지로 연결되는 새로운 클릭 유도문안(CTA) 버튼이 필요했습니다.

새롭게 변신한 이사업체 홈페이지

웹사이트 재설계 단계

2 Guys and a Truck은 지역 사회에서 빠르고 도움이 되며 친근한 것으로 이름을 날리고 있는 가족 운영 기업입니다. 그러나이 U-Haul 공인 딜러는 온라인에서 우수한 5 성급 리뷰를 얻었지만 오래된 웹 사이트는 더 많은 고객을 확보하기 위해 절실히 개편이 필요했습니다.

오늘날의 온라인 세계에서는 단순성이 중요합니다. 새로운 디자인에서는 모든 것을 홈, 서비스 및 정보의 세 가지 웹 페이지로 압축하고 불필요한 혼란을 제거했습니다.

웹 사이트 변환 후 상단 탐색

이사업체의 가장 중요한 자산 중 하나로 고객님의 후기를 홈페이지로 옮겨 신뢰를 보여드리고 있습니다. 그리고 사람들이 이사 예약에 대해 쉽게 문의할 수 있도록 "지금 이사 예약하기" 버튼을 여러 위치에 전략적으로 배치했습니다. 또한 2 Guys and a Truck에 연락하는 것이 이메일, 위치 및 연락처 전화가 페이지 바닥글에 편리하게 배치되어 더욱 간단해졌습니다.

인상적인 웹사이트 재설계 사례

그들은 그림이 천 단어를 말하고 있다고 말하며 그 진술은 로고에서보다 더 분명하지 않습니다. 오래된 2 Guys and a Truck 로고는 주인의 동생이 손으로 그린 ​​것으로, 고객이 위에서 휴식을 취하는 동안 두 사람이 소파를 트럭에 싣는 모습을 묘사했습니다. 우리 디자인 팀은 이전 로고의 주요 특징을 유지하면서 스타일을 현대화했습니다.

이삿짐 회사의 로고 예 전후

이전 사이트와 관련된 기본 브랜드 색상인 주황색과 회색을 유지하고 일러스트레이션과 배경을 위해 노란색과 파란색과 같은 보조 색상으로 이를 보완했습니다.

서비스 페이지의 형식이 잘못되고 구성되지 않은 목록 대신 서비스를 5개의 논리적 범주로 나누었습니다. 이 개편을 통해 잠재 고객에게 현지 이사업체가 제공하는 서비스를 더욱 명확하게 알릴 수 있었고 각 서비스에 대한 설명과 간소화된 가격 정보가 연결되었습니다.

리디자인 전후의 이사업체 서비스 페이지 나란히

정보 페이지를 완전히 개편했습니다. 텍스트는 인간 관계를 구축하는 이미지로 대체되었습니다. 우리는 또한 고객에게 2 Guys and a Truck이 공인 U-Haul 대리점이며 "가격 일치 약속"을 제공했음을 상기시켰습니다. Two Guys and a Truck에서는 U-haul과 같은 유명하고 평판이 좋은 브랜드와의 연관성이 중요했습니다.

구조에 대한 클라우드 기반 WordPress 호스팅 및 디자인 도구

디자이너는 강력하고 빠른 Brizy 웹 사이트 빌더를 사용하여 마법을 부렸습니다. Brizy에서 알려진 블록은 각 페이지 섹션을 구성하는 데 도움이 됩니다.

우리는 헤더에 이상적인 블록을 선택하고 거기에서 작업했습니다. 디자이너는 크기와 색상을 신중하게 조정하고 로고와 메뉴 버튼을 추가했습니다. 그런 다음 집을 짓는 것처럼 2 Guys and a Truck을 위한 새 집을 만들기 시작하면서 새 블록을 하나씩 추가했습니다.

WordPress에서 편집 중인 탐색

우리 팀은 비즈니스의 필수 판매 포인트인 고객 리뷰 섹션을 개선하기 위해 노력했습니다. 눈에 잘 띄고 역동적이어야 했기 때문에 홈페이지에서 캐러셀 디자인을 선택했습니다. Brizy의 미리 정의된 블록과 템플릿 덕분에 이 작업이 수월해졌습니다. 단 한 줄의 코드도 작성할 필요가 없었습니다.

몇 번의 클릭만으로 레이아웃을 쉽게 사용자 정의할 수 있었고 Two Guys and a Truck을 위해 디자인한 환상적인 맞춤형 일러스트레이션이 형태를 갖추기 시작했습니다.

우리는 대부분의 고객이 모바일 장치를 통해 웹 사이트를 볼 것이라는 것을 알고 있었기 때문에 반응이 빠르고 세련된 모바일 버전을 구축하는 것이 중요했습니다. 다행스럽게도 Brizy의 반응형 Mobile Columns 덕분에 요소 보기 및 조정이 간단해졌습니다.

새롭게 디자인된 웹사이트의 모바일 레이아웃 예시.

효과적인 웹사이트 재설계를 위한 팁

웹사이트를 재설계하는 것은 겁이 날 수 있지만 적절한 준비와 전략을 통해 성공적인 시도가 될 수 있습니다.

아이디어 브레인스토밍 : 웹사이트 재설계를 시작하기 전에 웹사이트의 모양과 느낌에 대한 아이디어를 브레인스토밍하는 것이 중요합니다. 통합할 이미지, 글꼴 및 색상의 종류를 고려하고 전반적인 사용자 경험을 원하는 방식에 대해 생각하십시오.

조사 및 평가 : 웹사이트 재설계에 대한 아이디어가 있으면 시간을 내어 기존 사이트를 조사하고 기능을 평가하십시오. 이 계획은 효과가 있는 것과 그렇지 않은 것을 이해하는 데 도움이 되며 요소를 웹 사이트에 더 잘 통합하는 데 도움이 될 수 있습니다.

테스트 및 지속적인 업데이트 : 웹사이트를 정기적으로 테스트하고 필요한 경우 새로운 변경을 수행하는 것이 중요합니다. 이 방법은 모든 문제를 신속하게 식별하고 필요한 변경을 수행하는 데 도움이 됩니다. 웹 사이트 성능을 더 잘 이해하는 데 도움이 될 수 있으므로 사용자에게 피드백을 요청하는 것을 잊지 마십시오.

웹사이트 재설계의 장기적인 이점

Reboot My Site 프로젝트의 이와 같은 웹사이트 재설계는 판매를 크게 향상시킬 수 있습니다. 더 나은 사용자 경험을 제공하고 웹 사이트의 가시성을 높이며 더 효율적으로 만듭니다. 잘 디자인된 웹사이트를 통해 고객은 귀하의 웹사이트에서 머무르고, 탐색하고, 구매하려는 경향이 더 커질 것입니다. 이 예를 따르면 추가 비용이 거의 또는 전혀 없이 많은 창의력을 발휘하여 웹 사이트를 쉽게 재설계할 수 있습니다.