{ "@context": "https://schema.org", "@graph": [ { "@type": "Organization", "@id": "https://www.flov.website/#organization", "name": "FLO:V™", "alternateName": "플로비", "url": "https://www.flov.website", "taxID": "602-71-06004" }, { "@type": "WebSite", "@id": "https://www.flov.website/#website", "url": "https://www.flov.website", "name": "FLO:V™", "publisher": { "@id": "https://www.flov.website/#organization" }, "inLanguage": "ko-KR" }, { "@type": "BlogPosting", "@id": "https://www.flov.website/journal/process-blueprint-from-concept-to-launch/#article", "mainEntityOfPage": { "@type": "WebPage", "@id": "https://www.flov.website/journal/process-blueprint-from-concept-to-launch" }, "url": "https://www.flov.website/journal/process-blueprint-from-concept-to-launch", "headline": "홈페이지 제작 과정, 기획부터 런칭까지", "description": "홈페이지 제작은 기획, 콘텐츠, 디자인, 제작, 런칭 다섯 단계로 진행됩니다. 각 단계에서 실제로 무엇이 필요하고 어디서 일정이 밀리는지 정리했습니다.", "image": "https://cdn.prod.website-files.com/68e3daa79f24584bd3a389ea/6a6f2a5f8a53f8082012f80d_6a6f297cfff25f1356eda100_flov-journal-process-blueprint-from-concept-to-launch.png", "author": { "@type": "Person", "name": "리비", "jobTitle": "웹플로우 디렉터", "worksFor": { "@id": "https://www.flov.website/#organization" } }, "publisher": { "@id": "https://www.flov.website/#organization" }, "datePublished": "2025-07-20", "dateModified": "2025-07-20", "inLanguage": "ko-KR" }, { "@type": "BreadcrumbList", "@id": "https://www.flov.website/journal/process-blueprint-from-concept-to-launch/#breadcrumb", "itemListElement": [ { "@type": "ListItem", "position": 1, "name": "홈", "item": "https://www.flov.website/" }, { "@type": "ListItem", "position": 2, "name": "저널", "item": "https://www.flov.website/journal" }, { "@type": "ListItem", "position": 3, "name": "홈페이지 제작 과정, 기획부터 런칭까지" } ] } ] }
어두운 배경에 흰 글씨로 '멈추는 곳은 디자인이 아닙니다'라고 쓴 FLO:V 저널 커버

홈페이지 제작 과정, 기획부터 런칭까지

제작이 늦어지는 이유는 대부분 디자인이 아니라 원고입니다.

홈페이지 제작은 다섯 단계로 진행됩니다. 각 단계에서 만드는 쪽이 하는 일과, 의뢰하는 쪽이 반드시 해야 하는 일이 나뉘어 있습니다. 일정이 밀리는 지점은 거의 항상 후자입니다.

Perfect process

홈페이지 제작 5단계

1단계. 기획과 합의

목표, 페이지 목록, 일정, 비용의 범위를 문서로 맞춥니다. 이 단계의 결과물이 이후 모든 판단의 기준이 됩니다.

2단계. 콘텐츠 준비

페이지에 들어갈 글, 사진, 로고 원본을 모읍니다. 가장 많이 멈추는 단계이고, 그래서 디자인 시작일보다 앞에 마감일을 두어야 하는 단계입니다.

3단계. 디자인

대표 페이지 한 장을 먼저 확정하고 나머지를 확장합니다. 모든 페이지를 동시에 그린 뒤 한꺼번에 검토하면 수정이 전 페이지로 번집니다.

4단계. 제작과 연동

화면을 실제로 만들고 반응형, 문의 폼, CMS, 검색엔진 기본 설정을 붙입니다. 이 단계에서 처음으로 실제 기기에서 확인이 가능해집니다.

5단계. 검수와 런칭

도메인을 연결하고 실제 기기에서 점검한 뒤 계정과 수정 방법을 인계합니다. 런칭은 끝이 아니라 운영의 시작입니다.

checklist

일정이 밀리지 않게 하는 세 가지

첫째, 피드백은 모아서 한 번에 줍니다. 생각날 때마다 오는 수정은 앞의 수정을 되돌리게 만듭니다. 둘째, 결정권자를 한 명으로 정합니다. 의견이 여러 갈래로 오면 어느 쪽도 제대로 반영되지 않습니다. 셋째, 원고 마감일을 디자인 시작일보다 앞에 둡니다.

이 셋만 지켜지면 나머지 일정은 대체로 예측한 대로 흘러갑니다.

READ MORE
More Stories