바이브코딩, AI로 만든 사이트의 디자인만 전문가에게 맡길 수 있는 조건

기능은 두고 디자인만 따로 다듬는 일이 가능한가?

바이브코딩, 즉 AI에게 말로 지시해 만든 사이트는 기능을 유지한 채 디자인만 다듬는 것이 가능한 경우도 있고 사실상 다시 짜야 하는 경우도 있다. 갈림길은 화면 스타일이 기능 코드와 분리돼 있느냐이다. 이 분리 정도는 눈으로 보는 화면이 아니라 원본 코드를 열어 봐야 알 수 있다.

AI가 한 번의 지시로 만든 결과물은 버튼 색, 간격, 글자 크기 같은 스타일 값이 기능 코드 안에 섞여 들어가 있는 일이 흔하다. 스타일이 한곳에 모여 있으면 디자이너가 그 부분만 교체해도 기능은 그대로 남지만, 곳곳에 흩어져 있으면 한 군데를 고칠 때 다른 곳이 깨질 수 있다.

그래서 같은 '디자인만 다듬어 달라'는 요청이라도 어떤 사이트는 화면 층만 손보면 끝나고, 어떤 사이트는 화면과 기능을 함께 풀어야 한다. 전문가가 견적 전에 코드를 먼저 보자고 하는 이유가 여기에 있다.

디자인 보정을 맡기기 전에 회사가 쥐고 있어야 하는 것은?

원본 코드 전체와 배포·도메인 계정의 접근 권한이다. 이 둘이 회사 손에 없으면 디자인 전문가가 있어도 작업을 시작할 수 없다. 화면 캡처만 있는 상태에서는 보정이 아니라 새로 만드는 일이 된다.

AI 도구 안에서 만들었다면 코드를 내려받을 수 있는지, 내려받은 코드가 도구 밖에서 단독으로 실행되는지부터 확인해야 한다. 도구의 편집 화면 안에서만 돌아가는 결과물이라면 전문가가 받아도 손댈 수 있는 형태가 아닐 수 있다.

도메인, 호스팅, 배포 계정이 개인 계정이나 도구 제공사 계정에 묶여 있는지도 같이 봐야 한다. 디자인 작업은 수정본을 올려 확인하는 과정이 필요해서, 배포 권한이 없으면 작업 중간 확인이 막힌다.

디자인만이라는 범위는 견적에서 어떻게 고정되나?

'디자인만'이라는 말은 합의된 범위가 아니라 기대에 가깝다. 범위를 고정하려면 건드리는 층과 건드리지 않는 층을 문서로 나눠 적어야 하고, 그 뒤에 서면 고정가가 의미를 갖는다.

예를 들어 색과 글꼴, 여백, 이미지 교체는 화면 층이고, 메뉴 구조나 폼 항목, 페이지 흐름 변경은 기능 층에 걸친다. 요청서에 이 둘을 구분해 적어 두면 작업 중 '이것도 디자인 아니냐'는 다툼이 줄어든다.

또 하나 정해 둘 것은 모바일 화면과 문구 수정이다. AI가 만든 문구가 어색해서 디자인이 어색해 보이는 경우도 많은데, 문구 교체가 포함되는지에 따라 작업량이 달라진다. 가격은 이렇게 범위를 고정한 뒤 무료 진단을 거쳐 서면 고정가로 확인하는 것이 순서다.

효과와 소요는 사이트의 코드 상태에 따라 회사마다 다르다.

보정으로 끝나지 않고 재제작이 맞는 경우는 언제인가?

기능 코드가 화면과 얽혀 있어 디자인을 바꿀 때마다 기능이 깨지거나, 기능 자체가 이후 운영에 쓰기 어려운 구조라면 보정보다 재제작이 합리적이다. 이 판단은 디자인이 아니라 코드와 운영 구조를 본 결과로 나와야 한다.

디자인만 바꿔도 되는지를 묻는 시점에, 이미 기능이 앞으로 바뀔 가능성이 있는지도 함께 따져 보는 편이 낫다. 기능을 곧 바꿀 예정이라면 디자인을 먼저 다듬는 비용이 이중으로 들 수 있다.

SGK 스튜디오의 홈페이지제작 구축 표준은 착수 전 진단 단계에서 기존 결과물의 인수 가능 여부와 보정·재제작 구분을 먼저 서면으로 정리하도록 한다. 이 구분이 있어야 보정을 택하더라도 어디까지 하는지가 남는다.