홈페이지 제작 업체 샤이닝 블로그에서
홈페이지제작/SEO마케팅/최신 소식을 전해드립니다!

홈페이지 제작을 처음 맡기면 계약 이후에 무엇부터 시작하는지 궁금할 수 있습니다. 기획 미팅에서는 어떤 이야기를 나누는지, 디자인 시안은 언제 확인하는지, 개발과 수정은 어느 단계에서 진행되는지 처음에는 전체 흐름이 잘 보이지 않기 때문입니다.

샤이닝에서는 Kick-off 미팅과 기획을 시작으로 UI/UX 디자인, 퍼블리싱과 기능 개발, 테스트·수정, 홈페이지 개설 순으로 제작을 진행합니다. 홈페이지를 연 뒤에는 유지보수와 필요한 마케팅 작업도 이어집니다.

제작 순서를 미리 알고 있으면 각 단계에서 무엇을 정하게 되는지, 고객사가 언제 내용을 확인하고 검수하는지도 이해하기 쉽습니다.

처음에는 홈페이지의 목적과 필요한 기능을 정합니다

제작을 시작하면 가장 먼저 Kick-off 미팅과 기획을 진행합니다.

이때 바로 디자인부터 정하는 것은 아닙니다. 홈페이지를 왜 만드는지, 어떤 내용을 보여줄지, 방문자가 사이트에서 어떤 행동을 하길 원하는지, 필요한 기능은 무엇인지부터 이야기를 나눕니다.

기업 소개와 문의가 중심인 홈페이지와 예약을 받아야 하는 홈페이지는 구성부터 달라집니다. 상품 판매가 필요하다면 결제까지 생각해야 하고, 내부 업무와 연결되는 사이트라면 관리자 기능이나 외부 시스템 연동도 살펴봐야 합니다.

샤이닝에서는 고객사와 충분히 논의한 뒤 홈페이지의 목적과 핵심 기능을 정리하고 전체 구조를 설계합니다.

이 단계에서 방향이 어느 정도 정리되어 있어야 이후 디자인과 개발도 같은 기준으로 이어갈 수 있습니다.

기획이 끝나면 화면 구성을 구체화합니다

전체 구조가 정리되면 UI/UX 디자인을 시작합니다.

메인 화면에서는 어떤 내용을 먼저 보여줄지 정하고, 서브페이지에서는 서비스나 회사 정보처럼 자세히 설명해야 할 내용을 풀어냅니다.

디자인이라고 해서 색상이나 이미지 같은 시각적인 부분만 다루는 것은 아닙니다. 사용자가 메뉴를 어떻게 찾고, 어느 페이지를 거쳐 필요한 정보까지 이동하는지도 함께 봅니다.

여러 서비스를 운영하는 회사라면 메인 화면에서 핵심 내용을 먼저 보여주고, 자세한 설명은 각 서브페이지에서 확인하도록 구성할 수 있습니다. 문의가 중요한 홈페이지라면 서비스를 본 뒤 상담으로 이어지는 흐름도 자연스러워야 하고요.

샤이닝은 사용자가 홈페이지를 쉽게 이해하고 필요한 기능을 이용할 수 있도록 메인과 서브페이지의 UI/UX 디자인을 진행합니다.

디자인이 정리되면 실제 웹에서 작동하도록 만듭니다

디자인 시안이 정해지면 퍼블리싱과 필요한 기능 개발이 이어집니다.

앞에서 만든 디자인을 실제 웹 화면으로 구현하고, 사이트에 필요한 기능도 이 단계에서 개발합니다.

물론 모든 홈페이지에 이런 기능이 전부 필요한 것은 아닙니다.

회사 소개와 문의가 중심인 홈페이지와 예약이나 업무 기능이 포함된 홈페이지는 개발 범위가 다릅니다. 처음 기획할 때 필요한 기능을 충분히 이야기해두는 이유도 여기에 있습니다.

오픈하기 전에는 화면과 기능을 다시 확인합니다

페이지와 기능이 구현됐다고 바로 홈페이지를 공개하는 것은 아닙니다.

같은 화면도 사용하는 기기나 브라우저에 따라 다르게 보일 수 있습니다. PC에서는 괜찮았던 화면이 모바일에서 어색하게 보이거나 특정 환경에서 버튼이 제대로 작동하지 않는 경우도 확인해야 합니다.

샤이닝에서는 여러 브라우저와 기기에서 정상적으로 작동하는지 테스트하고 고객사 검수도 진행합니다.

검수하면서 필요한 부분을 수정하고 보안과 관련된 내용도 확인한 뒤 최종 제작을 마무리합니다.

디자인 시안으로 볼 때는 알기 어려웠던 부분을 실제 웹 환경에서 다시 확인하는 단계입니다.

검수가 끝나면 실제 주소로 홈페이지를 엽니다

테스트와 수정이 마무리되면 홈페이지를 실제로 사용할 수 있도록 개설합니다.

샤이닝에서는 호스팅과 서버 구축, 도메인 연결, SSL 인증서 설치까지 진행합니다.

도메인이 연결되면 사용자가 실제 홈페이지 주소로 접속할 수 있고, 필요한 서버와 보안 설정까지 마치면 운영을 시작할 수 있습니다.

기획과 디자인, 개발을 거쳐 만든 홈페이지가 실제 고객에게 공개되는 시점입니다.

오픈 후에는 수정과 관리가 이어집니다

홈페이지를 운영하다 보면 내용이 계속 바뀝니다.

회사 소개를 수정해야 할 수도 있고, 새로운 서비스를 추가하거나 기존 이미지와 문구를 교체해야 할 수도 있습니다.

샤이닝은 운영을 고려해 관리자 시스템까지 함께 기획하며, 메뉴와 각 페이지의 이미지·텍스트를 수정할 수 있도록 제작합니다.

사이트 등록과 애널리틱스 연동 같은 마케팅 관련 작업도 진행할 수 있습니다.

홈페이지를 만드는 단계에서 실제 운영까지 생각해두면 오픈한 뒤 내용을 바꾸거나 관리할 때 훨씬 수월합니다.

어떤 홈페이지를 만드느냐에 따라 작업 범위도 달라집니다

제작 순서는 비슷해도 홈페이지의 형태와 필요한 기능에 따라 실제 작업 범위는 달라질 수 있습니다.

샤이닝에서는 프로젝트의 목적과 예산을 고려해 반응형, 적응형, 원페이지 스크롤형, 기능형 홈페이지 등의 제작 방식을 제안하고 있습니다.

화면 크기에 맞춰 자동으로 바뀌는 반응형 홈페이지가 필요한 경우도 있고, PC와 모바일 화면을 각각 구성하는 적응형 방식이 적합한 경우도 있습니다.

서비스 소개처럼 한 페이지에서 주요 내용을 보여주는 원페이지형도 있고, 예약·견적 문의·관리자 승인·재고 관리처럼 업무에 필요한 기능이 들어가는 기능형 홈페이지도 있습니다.

그래서 홈페이지 제작 과정을 알아볼 때는 단순히 몇 단계로 진행되는지만 보기보다 내가 만들려는 사이트에 어떤 화면과 기능이 필요한지도 함께 생각해보는 게 좋습니다.

홈페이지를 기획할 때는 오픈 후 관리까지 생각합니다

홈페이지는 방문자가 보기 편한 것도 중요하지만, 오픈한 뒤 관리하기 편한지도 생각해야 합니다.

사용자는 원하는 정보를 쉽게 찾고 문의나 신청, 구매까지 자연스럽게 이동할 수 있어야 합니다. 운영자는 새로운 내용을 추가하거나 기존 정보를 수정할 때 불필요한 과정을 거치지 않아야 하고요.

샤이닝은 방문자와 실제 운영 환경을 함께 고려해 홈페이지의 구조와 기능을 설계한 뒤 디자인과 개발을 진행합니다.

예를 들어 새로운 내용을 자주 올리는 홈페이지라면 담당자가 직접 수정하기 편한 관리자 화면이 필요할 수 있습니다. 문의가 중요한 사이트라면 서비스를 살펴본 뒤 상담으로 이어지는 흐름도 미리 생각해야 합니다.

이런 내용을 제작 초기에 정리해두면 홈페이지를 실제로 운영하면서 생기는 불편도 줄일 수 있습니다.

제작을 맡기기 전에는 이 정도만 정리해도 됩니다

전문적인 개발 지식까지 알고 있을 필요는 없습니다.

참고하고 싶은 홈페이지가 있다면 URL만 모아두기보다 어떤 부분이 마음에 들었는지도 같이 정리해두면 좋습니다. 디자인이 마음에 드는지, 메뉴 구성이 편한지, 특정 기능을 참고하고 싶은지 이유까지 알려주면 제작 방향을 맞추는 데 도움이 됩니다.

예약이나 결제, 로그인, 외부 시스템 연동처럼 별도 기능이 필요하다면 초기에 이야기하는 편이 좋습니다. 어떤 기능이 필요한지에 따라 기획과 개발 범위가 달라질 수 있기 때문입니다.

샤이닝의 홈페이지 제작은 어떤 순서로 진행되나요?

자주 묻는 질문

제작 순서를 알고 있으면 처음 의뢰할 때도 수월합니다

홈페이지 제작은 기획부터 디자인, 개발, 검수, 개설까지 순서대로 이어집니다.

처음부터 모든 내용을 완벽하게 준비할 필요는 없습니다. 홈페이지를 만드는 목적과 보여주고 싶은 내용, 필요한 기능 정도를 먼저 정리해두면 제작사와 이야기를 나누면서 세부 내용을 하나씩 맞춰갈 수 있습니다.

홈페이지 제작을 알아보고 있다면 완성된 포트폴리오만 보는 데서 그치지 말고 어떤 순서로 작업하고, 어느 단계에서 내용을 확인하고 수정하게 되는지도 함께 살펴보세요. 실제 제작을 시작했을 때 전체 흐름을 이해하는 데 도움이 됩니다.