홈페이지 이미지 시안 대신 클릭 가능한 작동 견본

홈페이지 외주 의뢰 시 일반적으로 이미지 시안을 먼저 받습니다. 포토샵이나 피그마로 작성한 정지 화면입니다. 문제는 정지 화면만 확인하고 계약한 후에 발생합니다. 버튼 클릭 시 이동 화면, 메뉴 펼침 방식, 휴대폰 화면의 배치 변경은 이미지에 포함되지 않습니다.

이에 따라 완성된 홈페이지가 예상과 상이한 경우가 발생합니다. "이 버튼 누르면 이렇게 될 줄 알았는데요"라는 의견이 이 시점에 접수됩니다. 개발 완료 후이므로 수정에 비용과 시간이 추가로 소요됩니다.

이미지 시안의 확인 범위 한계

이미지 시안은 화면의 외형만 표출하고 화면 간 이동은 표출하지 않습니다. 실제 이용 시 동선이 불편할 수 있습니다. 방문자의 첫 화면에서 문의까지의 동선은 직접 클릭해야 확인할 수 있습니다. 정지 이미지로는 동선을 확인할 수 없습니다.

계약 전 작동 시안 우선 제작

흐름소프트는 개발 착수 전에 클릭 가능한 작동 시안을 먼저 제작합니다. 실제 홈페이지와 동일하게 메뉴가 열리고, 버튼 클릭 시 다음 화면으로 이동하고, 문의 양식에 입력이 가능합니다. 대표자가 직접 확인하며 "여기서 전화번호가 바로 보였으면 좋겠다"라고 요청하면 즉시 수정합니다. 이 단계에서는 코드 작성이 진행되지 않습니다.

작동 시안이 계약의 기준이 됩니다.
완성본은 공동 확인한 화면과 동일하게 개발됩니다.

구두 설명과 정지 화면 합의의 해석 차이

발주처는 구상한 화면을 구두로 설명하고, 개발자는 설명을 자체 기준으로 해석합니다. 이미지 시안 1장으로는 해석 차이가 해소되지 않습니다. 해석 차이는 개발 완료 후에 확인됩니다. 작동 시안을 공동 확인하며 합의하면, 착수 시점부터 동일한 화면을 기준으로 진행합니다.

적용 사례

한 분야에서 25년간 시공해 온 방수 전문업체 홈페이지를 재구축한 사례입니다. 재설계 착수 전에 방문자의 첫 화면 확인 항목과 클릭 위치를 작동 시안으로 먼저 확정했습니다. 대표자가 직접 확인하며 문의 버튼 위치와 소개 순서를 변경했습니다. 합의된 화면과 동일하게 개발했고, 재개설 2주 만에 매일 문의 전화가 접수되기 시작했습니다.

홈페이지 외주 의뢰 전 확인 사항

시안 수령 시 클릭 가능 여부를 확인하십시오. 정지 이미지뿐이면 완성본이 예상과 상이할 위험이 있는 상태로 계약하게 됩니다. 작동 시안을 먼저 요청하면, 해당 화면이 계약서보다 정확한 기준이 됩니다.