웹사이트 팩토리: 클라이언트 사이트를 빠르게 구축하는 5단계

요약

클라이언트 웹사이트 구축에 대한 대부분의 조언은 모든 프로젝트를 독특한 창의적 백지 상태로 취급하라고 말합니다. 그것은 시간과 마진을 태우는 가장 빠른 방법입니다. 실제로 효과가 있는 것은 반복 가능한 5단계 시스템입니다: 전략, 구조, 콘텐츠, 구축, 출시—모든 클라이언트에게 동일한 규칙을 적용합니다. 이 시스템은 동일한 사이트를 만들지 않습니다. 공유 기반 위에 구축된 사이트를 만들어 팀이 같은 문제를 두 번 해결하지 않도록 합니다. 이 기사는 한 클라이언트 프로젝트를 시작부터 인계까지 살펴보며, 작업을 일반화하지 않고도 이 시스템을 반복 가능하게 만드는 방법을 정확히 보여줍니다. 또한 콘텐츠, 보안, 유지보수에 대한 경계를 설정하여 출시 후 프로세스가 무너지지 않도록 하는 방법도 확인할 수 있습니다. 이를 따르면 클라이언트의 우유부단함 대신 중요한 작업에 시간을 쓸 수 있습니다.

클라이언트를 위한 웹사이트 구축에 대한 대부분의 조언은 더 이상 존재하지 않는 세상을 위해 설계되었습니다. 모든 프로젝트를 독특한 백지 상태, 맞춤 디자인과 커스텀 코드를 요구하는 새로운 창의적 도전으로 취급하라고 말합니다. 그 조언을 따르면 모든 프로젝트에서 몇 주를 태우고, 마진이 줄어드는 것을 지켜보면서도 여전히 클라이언트의 실제 목표를 놓친 사이트를 인도하게 됩니다. 대안은 게으른 템플릿이 아닙니다. 전략과 콘텐츠를 진정한 차별화 요소로, 디자인을 조립으로 취급하는 신중하고 반복 가능한 시스템입니다. 이 시스템이 실제로 어떻게 보이는지, 한 클라이언트를 처음부터 끝까지 살펴보겠습니다.

3주를 절약해 주는 90분 대화

한 상업용 청소 회사에서 전화가 옵니다. 이전 클라이언트의 소개였습니다. 현재 웹사이트가 낡았고 전화가 오지 않아서 '새 웹사이트'가 필요하다고 말합니다. 첫 번째 본능은 포트폴리오와 가격이 포함된 제안서를 보내는 것일 수 있습니다. 그러지 마세요. 가격을 논의하기 전에 90분 디스커버리 콜을 예약하세요.

네 가지 질문을 하고 답을 적으세요:

1. 당신의 고객은 누구입니까? (그들은 '사무실이 있는 모든 사람'이라고 말할 것입니다. 더 깊이 파고드세요. 실제 구매자는 청소 계약을 담당하는 사무실 매니저 또는 시설 책임자입니다.)
2. 그들이 어떤 행동을 하길 원하십니까? ('견적을 위해 전화하세요.')
3. 구매 주기는 어떻게 됩니까? ('그들은 상업용 청소 업체를 검색하고, 두 회사를 비교하고, 가장 빠르게 응답하는 회사에 전화합니다.')
4. 오늘 존재하는 페이지는 무엇이며, 실제로 트래픽을 얻는 페이지는 무엇입니까? (그들의 분석 도구를 사용하거나 그냥 물어보세요.)

이 답변은 잡담이 아닙니다. 사이트맵의 기초입니다. 구매자가 두 회사를 비교한다면, 사이트에는 서비스 페이지, 서비스 지역 페이지, 신뢰를 위한 소개 페이지, 그리고 분명한 행동 유도가 있는 연락처 페이지가 필요합니다. 이제 단 한 픽셀도 디자인되기 전에 구조 결정을 내린 것입니다.

일반 원칙: 미학이 아닌 전략에서 시작하세요. DRC Systems의 웹사이트 개발 프로세스 7단계 가이드와 같은 성숙한 에이전시 가이드에서 찾을 수 있는 웹사이트 개발 프로세스는 타당한 이유로 계획과 전략을 먼저 둡니다. 레이아웃을 건드리기 전에 목적, 타겟 고객, 목표를 정의하세요. 이 단계를 건너뛰면 멋져 보이지만 구매자가 실제로 묻는 질문인 '이 회사가 내 문제를 해결할 수 있을까?'에 답하지 못하는 사이트를 디자인하게 됩니다.

디스커버리 콜은 또한 클라이언트가 실제로 콘텐츠를 보유하고 있는지 알 수 있는 자리입니다. 청소 회사는 브로셔와 PDF 서비스 목록이 있다고 말할 것입니다. 실제로는 없습니다. 진짜 콘텐츠는 다음 단계에서 얻을 수 있습니다. 디자인 작업 전에 이것을 적절한 정보 아키텍처로 구성하는 방법을 더 깊이 알고 싶다면 대부분의 웹사이트 소유자가 건너뛰는 계획 단계에 대한 워크스루를 읽어보세요. 에이전시에서 필요한 동일한 기반입니다.

콘텐츠를 기다리지 마세요: 사이트맵을 드러나게 하세요

디스커버리 후, 기존 콘텐츠를 요청합니다. 청소 회사는 로고, 2페이지 분량의 브로셔, 한 줄 설명이 있는 서비스 목록을 보냅니다. 이것은 콘텐츠가 아닙니다. 이것은 시작점입니다.

여기서 중요한 방법: 빈칸 채우기 콘텐츠 템플릿을 보내세요. 사이트의 각 페이지마다 하나씩입니다. 각 서비스에 대해 세 문장을 요청하세요: 무엇인지, 누가 필요한지, 일반적인 프로세스가 어떻게 생겼는지. 소개 페이지에는 왜 시작했는지, 무엇이 다른지에 대한 이야기를 요청하세요. 템플릿은 작게 유지하세요: 페이지당 100단어. 그런 다음 규칙을 명시하세요: 해당 페이지의 텍스트가 템플릿에 들어올 때까지 페이지는 디자인되지 않습니다.

왜 이 규칙일까요? 플레이스홀더 텍스트로 디자인하면 클라이언트가 플레이스홀더를 승인할 것이기 때문입니다. 그러면 2주 후에 실제 카피가 도착하고 디자인이 깨질 것입니다. 레이아웃을 다시 작업하고, 또 한 주를 잃고, 클라이언트는 지연에 대해 청구할 것입니다. 콘텐츠 우선 규칙은 디자인 단계가 시작되기 전에 정보 아키텍처가 실제로 존재하도록 강제합니다.

청소 회사의 경우, 이 단계에서 프로젝트 전체에서 최고의 결정이 나옵니다. 그들은 12개의 서비스를 나열하지만, 그중 세 가지(사무실 청소, 바닥 관리, 리모델링 후 청소)가 대부분의 수익을 창출합니다. 서비스 페이지를 재구성하여 이 세 가지를 눈에 띄게 하고 나머지는 단일 '기타 서비스' 섹션으로 묶습니다. 이 결정은 콘텐츠를 일찍 공개하도록 강제했기 때문에 가능합니다.

일반 원칙: 정보 아키텍처와 콘텐츠 제작은 웹사이트 개발 프로세스에서 별개의 단계이며, 콘텐츠 제작은 개발 중이 아니라 개발 전에 이루어집니다. 클라이언트가 카피 작성은 '자신의 일이지, 당신의 일이 아니다'라고 불평하면, 사이트를 구조화하려면 그들의 문구가 필요하다는 점을 상기시키세요. 콘텐츠를 제공하지 않으면 대신 작성하고 비용을 청구해야 합니다. 하지만 템플릿 덕분에 비용이 충분히 저렴해서 보통은 스스로 하게 됩니다.

컴포넌트는 창의성의 적이 아닙니다

이제 구축할 준비가 되었습니다. 그리고 여기서 에이전시의 기본 본능(빈 페이지를 열고 '독특한' 무언가를 디자인하는 것)이 마진을 죽일 것입니다. 그러지 마세요. 대신 컴포넌트 라이브러리를 여세요.

컴포넌트 라이브러리는 모든 사이트에서 사용하는 사전 구축된 섹션 모음입니다: 이미지와 헤드라인이 있는 히어로, 서비스 그리드, 추천사 슬라이더, 문의 양식, 신뢰 신호가 있는 푸터. 청소 회사를 위해 '신뢰 구축자'라는 레이아웃을 선택합니다. 강력한 헤드라인, 유니폼을 입은 작업팀 사진, 서비스 그리드, 추천사, 견적 양식 순으로 진행됩니다. 클라이언트의 브랜드 블루를 적용하고, 글꼴을 설정하고, 콘텐츠 템플릿에서 카피를 넣습니다. 이틀이 아니라 하루가 걸립니다.

일반 원칙: 디자인은 신성한 행위가 아니라 시스템입니다. 컴포넌트를 사용한다고 해서 사이트가 평범해지지 않습니다. 일관성이 생깁니다. 모든 클라이언트는 레이아웃, 색상, 타이포그래피, 카피, 이미지의 독특한 조합을 얻습니다. 그들이 얻지 못하는 것은 가장 시니어 개발자만 유지할 수 있는 커스텀 코드 더미입니다.

또한 내부적으로 노코드에 대한 논의를 해야 하는 지점이기도 합니다. 아직 디자이너나 개발자가 반대한다면, 실제 프로젝트에서 시간 절약 효과를 보면 반대가 무너지는 경우가 많습니다. 우리는 에이전시가 노코드를 수용해야 하는 이유에서 이러한 반대를 극복하는 방법을 다뤘습니다. 핵심은 노코드를 창의성을 죽이는 도구가 아닌 전달 도구로 프레이밍하는 것입니다.

하지만 트레이드오프는 실재합니다. 모든 클라이언트에게 동일한 세 가지 레이아웃을 사용하면 작업이 똑같아 보이기 시작할 것입니다. 해결책은 컴포넌트를 버리는 것이 아닙니다. 해결책은 디스커버리와 콘텐츠 단계를 너무 잘 수행하여 클라이언트의 목소리가 독특함을 담당하게 하는 것입니다. 표준 레이아웃에 날카로운 전략이 맞물리면 맞춤형처럼 보입니다. 콘텐츠가 빈약한 이른바 독특한 디자인은 더 나빠 보입니다.

출시일은 기적이 아니라 체크리스트입니다

청소 회사 사이트가 구축되었습니다. 라이브로 전환할 준비가 되었습니다. 게시를 누르기 전에 모든 클라이언트에게 실행하는 동일한 체크리스트를 실행하세요.

첫째, 휴대폰에서 견적 양식을 테스트하세요. 제출해 보세요. 이메일이 도착합니까? 감사 페이지가 로드됩니까? 청소 회사 오너는 첫날에 그 양식에서 리드를 확실히 얻을 것입니다. 양식이 고장 나면 사이트 전체가 고장 난 것이나 다름없습니다.

둘째, 기술적 기본 사항을 확인하세요. 도메인이 올바른 호스트를 가리키고 있습니까? SSL이 활성화되어 있습니까? 웹 호스팅이 '파일을 저장하는 일부 서버'에 불과하다는 생각은 너무 수동적입니다. UpGuard의 웹사이트 보안 모범 사례는 소프트웨어 업데이트 유지, MFA와 같은 강력한 인증 구현, 정기적인 데이터 백업, SSL/TLS 암호화 사용을 핵심 요구 사항으로 나열합니다. 현대적인 노코드 플랫폼에서는 SSL이 자동이고 백업이 내장되어 있지만 어쨌든 확인합니다. 또한 CMS 또는 페이지 편집기에 필요한 로그인만 존재하는지 확인하세요. 기본 관리자 비밀번호가 방치되지 않도록 말입니다.

셋째, 첫날부터 SEO를 설정하세요. Digital Marketing Institute는 SEO를 검색 순위를 개선하기 위해 콘텐츠, 구조, 기술적 요소를 최적화하는 것으로 정의합니다. 즉, 페이지에 설명적인 제목과 메타 설명이 이미 있고, 서비스 지역 페이지는 각각 도시나 지역을 대상으로 하며, XML 사이트맵을 검색 콘솔에 제출했는지 확인하세요. 또한 robots.txt 파일을 만드세요. 이것은 출시 후 작업이 아닙니다. 이 단계에 대한 더 자세한 버전은 검색 상위 노출을 위한 노코드 웹사이트 출시 가이드를 참조하세요.

일반 원칙: 출시는 결승선이 아닙니다. 구축한 시스템이 실제로 작동하는지 확인하는 지점입니다. 테스트와 보안이 사후 생각이라면, 클라이언트가 자신의 고객에게 사이트를 방문하라고 말한 직후라는 최악의 순간에 디버깅하게 될 것입니다.

리테이너를 유지하는 인계

출시 2주 후, 청소 회사에서 전화가 옵니다. 서비스 지역에 'Windsor'를 추가하고 싶다고 합니다. 편집 권한을 설정하지 않았다면 공짜 변경에 대한 책임을 지게 됩니다. 이것이 에이전시 마진을 파괴하는 실수입니다. 그래서 출시 인계 통화에서 그들을 교육했습니다: '로그인 방법은 이렇습니다. 페이지 편집기입니다. 서비스 지역을 추가하고 게시하는 방법입니다. 막히면 계정 관리자 이메일이 여기 있습니다.' 그들은 Windsor 변경을 5분 만에 직접 수행했습니다.

3개월 후, 그들은 '채용' 페이지를 원합니다. 그것은 그들의 편집 능력을 넘어섭니다. 고정 가격을 제시하고 승인을 받으면 같은 컴포넌트 라이브러리로 한 시간 안에 구축합니다. 이것이 반복 가능한 시스템의 핵심입니다: 출시 후에는 무료 수리 서비스가 아니라 더 큰 것이 필요할 때 연락하는 파트너입니다.

일반 원칙: 유지보수는 프로세스의 한 단계이지 사후 생각이 아닙니다. 디스커버리에서 목표를 정의하는 것과 같은 방식으로, 킥오프에서 포함되는 것과 청구 가능한 것의 경계를 정의하세요. 일부 에이전시는 출시 후 한 달간의 수정을 번들로 제공합니다. 괜찮지만 명시적이고 유한하게 만드세요. 그 후에는 청구하세요.

한 가지 더: 인계는 또한 관계의 통제권을 유지하는 지점입니다. 클라이언트가 자신의 사이트에 대해 교육받지 않으면 모든 문장을 바꾸기 위해 전화할 것입니다. 그들은 비용에 좌절하고, 당신은 중단에 좌절할 것입니다. 간단한 30분 교육 통화와 한 페이지 가이드가 양쪽 모두에게 몇 달의 짜증을 덜어줍니다.

시스템이 핵심입니다

모든 클라이언트에게 이 5단계 시스템을 따르세요. 디스커버리는 문제를 정의합니다. 구조는 페이지를 매핑합니다. 콘텐츠는 구조를 채웁니다. 구축은 컴포넌트에서 조립합니다. 출시는 검증하고 인계합니다. 클라이언트가 '하지만 우리 상황은 특별합니다'라고 말하면, 그것을 더 적은 가드레일이 아닌 더 많은 디스커버리에 대한 요청으로 처리하세요. 시스템은 빠른 속도로 품질을 제공할 수 있게 해주며, 동시에 6개의 프로젝트를 운영할 때 마진을 보호합니다.

청소 회사는 중요한 방식에서 허구가 아닙니다. 모든 에이전시에는 그들의 버전이 있습니다. 프로세스를 올바르게 실행하면 몇 주 안에 사이트를 출시하고, 이익을 내고, 이미 당신을 활용하는 방법을 아는 클라이언트를 얻게 됩니다. 잘못 실행하면 매월 그들의 홈페이지를 무료로 재디자인하게 될 것입니다. 선택은 맞춤형과 일반형 사이가 아닙니다. 프로세스와 진압 작전 사이입니다.