Notes on structure.문의가 오는 홈페이지의 구조
밑그림이 현장에서 쓰는 설계 기준을 칼럼으로 정리합니다.
예쁨이 아니라 성과를 만드는 구조 이야기 — 홈페이지를 만들기 전이라면 먼저 읽어보세요.
-
COLUMN 37 ·
시안이 안 나오는 구간에, 대표님이 가장 많이 일합니다
제작을 시작했는데 화면이 안 나오는 구간은 진도가 늦은 게 아닙니다. 건너뛴 결정은 사라지지 않고 시안 검토 자리로 옮겨 가 느낌으로 내려집니다. 그 구간에 실제로 꺼내는 재료 다섯 가지.
읽기 ↗ -
COLUMN 36 ·
상호를 검색한 사람은, 우리를 찾는 중이 아닙니다
상호 검색은 유입 지표로는 값이 없습니다. 다만 그 화면을 여는 사람은 소개를 받았거나 제안서를 읽은 사람 — 발견이 아니라 확인이 일어나는 자리입니다. 우리가 채우는 순서 다섯 가지.
읽기 ↗ -
COLUMN 35 ·
사이트가 느릴 때 먼저 잃는 건, 처음 온 사람입니다
속도를 점수로 관리하면 고칠 자리가 안 보입니다. 기다려 주는 사람은 이미 우리를 아는 사람이고, 느림은 총 시간이 아니라 첫 화면에 필요한 문장이 맨 뒤에 줄을 선 순서의 문제입니다.
읽기 ↗ -
COLUMN 34 ·
홈페이지 속 블로그는, 소식란이 아니라 입구입니다
블로그를 살아 있어 보이려고 넣으면, 글이 멈추는 날 마지막 날짜가 반대 신호가 됩니다. 블로그의 일은 아직 우리를 모르는 사람의 질문을 받는 것. 넣을지 가르는 기준과 두는 법 다섯 가지.
읽기 ↗ -
COLUMN 33 ·
네이버와 구글은, 다른 화면을 보여줍니다
두 곳이 좋아하는 사이트가 다른 게 아니라, 화면에 내놓는 물건이 다릅니다. 네이버에서 사이트는 화면 전체가 아니라 한 칸입니다. 양쪽을 나눠 준비하는 법 다섯 가지.
읽기 ↗ -
COLUMN 32 ·
"검색에 안 나와요"는, 세 가지 다른 상태입니다
증상은 하나인데 원인은 셋입니다. 아직 수집이 안 됐거나, 부를 근거가 없거나, 검색해 본 말이 고객의 말과 다르거나. 오늘 돈 안 들이고 가르는 순서 다섯 가지.
읽기 ↗ -
COLUMN 31 ·
제작 기간을 정하는 건, 업체의 속도가 아닙니다
제작 기간은 업체가 얼마나 빨리 만드느냐보다, 결정과 재료가 도착하는 속도로 정해집니다. 일정표에서 작업 시간과 대기 시간을 갈라 보는 법 다섯 가지.
읽기 ↗ -
COLUMN 30 ·
납품 뒤에 멈춘 사이트는, 고장 난 게 아닙니다
방치되는 사이트는 대개 고장이 아니라, 바꿀 일이 생겼을 때 누가 어떤 경로로 바꾸는지가 안 정해진 상태입니다. 유지보수 조항에서 월 금액보다 먼저 확인할 다섯 가지.
읽기 ↗ -
COLUMN 29 ·
포트폴리오의 완성도는, 업체 혼자 만든 게 아닙니다
포트폴리오의 예쁜 화면에는 그 고객이 가져온 사진·이름·예산이 섞여 있습니다. 완성도 대신 업체 쪽 몫을 가려내는 순서 다섯 가지 — 조건이 같은 사례부터.
읽기 ↗ -
COLUMN 28 ·
견적 금액이 갈리는 자리는, 견적서 밖입니다
견적서 몇 장의 금액이 다른 건 같은 물건에 다른 값이 붙어서가 아니라, 각자 다른 자리에 범위의 선을 그었기 때문입니다. 금액 대신 범위를 비교하는 읽기 순서 여섯 가지.
읽기 ↗ -
COLUMN 27 ·
쇼핑몰로 끝나는 구매와, 끝나지 않는 구매
몰이 있는데 사이트가 또 필요한지는 업종이나 매출로 안 갈립니다 — 결정이 상품 페이지 안에서 끝나느냐로 갈립니다. 어느 쪽인지 오늘 확인하는 다섯 가지와, 둘 다 둘 때의 역할 분담.
읽기 ↗ -
COLUMN 26 ·
B2B 사이트에서 방문자는, 결정하는 사람이 아닙니다
결정은 화면 앞에서 안 일어납니다 — 담당자의 일은 사는 것이 아니라 후보를 좁혀 위에 올리는 것이고, 회의실에 가는 건 사이트가 아니라 그 사람의 설명입니다. 담당자가 대신 설명할 수 있게 만드는 다섯 가지.
읽기 ↗ -
COLUMN 25 ·
결과물이 비슷해 보일 때, 판단은 과정에서 갈립니다
완성 사진을 늘려도 문의가 안 느는 이유 — 그 분야 바깥 사람은 결과물의 우열을 못 읽고, 어느 사이트에나 잘된 것만 올라와 있습니다. 사례를 조건·판단·결과로 다시 쓰는 법, 진행 순서를 정보로 만드는 법.
읽기 ↗ -
COLUMN 24 ·
카톡·전화·폼, 무엇을 열지는 업종으로 안 정해집니다
채널은 취향이 아니라 약속입니다 — 열어 둔 채널마다 방문자는 언제까지 답이 온다고 읽고, 지킬 수 없는 약속은 없는 것보다 나쁩니다. 응답 가능 시간·방문자가 선 지점·첫 답장에 필요한 정보량·기록 필요 여부로 고르는 법.
읽기 ↗ -
COLUMN 23 ·
"무료 상담"이 안 눌리는 건, 식상해서가 아닙니다
문구를 참신하게 바꿔도 버튼은 안 눌립니다 — 무료가 면제하는 건 돈뿐이고, 방문자가 겁내는 건 시간·정보 노출·거절의 어색함입니다. 버튼 뒤에 일어날 일을 적는 법, 계단을 하나 더 두는 법까지.
읽기 ↗ -
COLUMN 22 ·
문의 폼에서 안 물어본 것은, 대표님 일이 됩니다
항목을 줄이면 문의가 는다는 말은 절반만 맞습니다 — 묻지 않은 질문은 사라지지 않고 답장 뒤로 미뤄집니다. 첫 답장 테스트로 남길 항목을 가르는 법, 부담은 낮추고 정보는 남기는 법, 건수 대신 볼 지표까지.
읽기 ↗ -
COLUMN 21 ·
전문용어는 실력이 아니라, 독자를 고릅니다
어려운 말을 쓴다고 전문가로 보이지 않습니다 — 그 말은 이 문장이 누구에게 쓰였는지를 알릴 뿐입니다. 페이지의 독자를 한 명으로 정하는 법, 용어를 한 칸 뒤로 옮기는 법, 장식과 근거를 가르는 판별법까지.
읽기 ↗ -
COLUMN 20 ·
가격을 안 적으면, 아낀 게 아니라 미룬 겁니다
가격을 숨긴다고 협상력이 지켜지지 않습니다 — 미뤄질 뿐이고 비용은 상담 시간으로 청구됩니다. 시작점 하나를 적는 법, 값을 움직이는 변수를 여는 법, 숫자를 못 쓸 때 순서와 기준으로 대신하는 법까지.
읽기 ↗ -
COLUMN 19 ·
후기를 붙였는데, 아무 일도 일어나지 않는다면
후기가 일을 못 하는 건 개수가 모자라서가 아니라 방문자의 망설임과 다른 이야기를 하고 있어서입니다 — 망설임에 후기를 대응시키는 법, 칭찬 대신 상황·조건·결과가 남게 자르는 법, 후기가 아직 없을 때 그 자리에 놓을 것까지.
읽기 ↗ -
COLUMN 18 ·
글이 길어진 자리는, 확신이 없는 자리입니다
문장력 문제가 아니라 보여줄 것이 없는 자리를 말이 대신 채우고 있는 겁니다 — 부풀어 오른 문단을 지도로 읽는 법, 문장 대신 물건을 놓는 법, 보험 문구와 조건을 가르는 판별법까지.
읽기 ↗ -
COLUMN 17 ·
기능은 다 적혀 있는데, 결정이 안 되는 이유
사양 목록은 이미 마음을 정한 사람의 확인 재료입니다. 아직 정하지 못한 사람에게는 번역해야 할 숙제고요 — 한 칸만 옮기는 법, 성과 대신 상태로 쓰는 법, 사양을 근거 자리로 내리는 법, 조건과 예외를 붙이는 법까지.
읽기 ↗ -
COLUMN 16 ·
모션이 방해가 되는 건, 양이 아니라 자리입니다
움직임을 줄이라는 이야기가 아니라 판단에 쓰이는 것 앞을 막지 말라는 이야기입니다. 첫 화면의 지연, 스크롤보다 느린 연출을 가려내는 판별법, 남길 모션에 역할을 붙이는 기준까지.
읽기 ↗ -
COLUMN 15 ·
회사 소개부터 쓰면, 판단이 시작되지 않습니다
첫 화면은 우리를 알리는 자리가 아니라 방문자가 자기가 맞는 사람인지 판별하는 자리입니다. 소개를 빼는 게 아니라 자리를 옮기는 일 — 첫 문장의 주어를 바꾸는 법과 소개가 첫 화면에 있어도 되는 예외까지.
읽기 ↗ -
COLUMN 14 ·
사진 한 장이 문단 셋을 대신할 때, 아닐 때
첫 화면 사진은 분위기를 만드는 자리가 아니라 방문자의 확인 하나를 문장보다 먼저 끝내는 자리입니다. 잘 찍힌 사진과 맞는 사진의 차이, 히어로 사진을 고르는 네 가지 기준과 점검 다섯 줄.
읽기 ↗ -
COLUMN 13 ·
새로 만들었는데, 또 같은 자리라면
사이트를 다시 만들어도 결과가 그대로인 건 실력 문제가 아니라, 매번 같은 층만 갈아 끼우기 때문입니다. 외피·문장·구조·재료 네 층 중 이번에 바꿀 층을 정하는 법과, 다음 리뉴얼을 마지막으로 만드는 네 가지 기준.
읽기 ↗ -
COLUMN 12 ·
메인에 다 넣으면, 아무것도 안 보입니다
"메인에 이것도 넣어 주세요"가 계속 늘어난다면 욕심이 아니라 1순위가 아직 안 정해진 것입니다. 항목이 늘면 전부가 같은 무게가 되고, 같은 무게는 방문자에게 알아서 골라 읽으라는 요구가 됩니다 — 남길 것과 아래로 내려보낼 것을 가르는 네 가지 기준과 점검 다섯 줄.
읽기 ↗ -
COLUMN 11 ·
템플릿으로 시작할 때, 나중에 청구되는 비용
템플릿이 나쁘다는 이야기가 아닙니다. 다만 그 비용은 제작 시점에 다 청구되지 않습니다. 대표님의 시간, 설명되지 않는 차이, 손댈 수 없는 자리, 옮길 때 다시 하는 일 — 나중에 청구되는 네 가지와, 템플릿이 오히려 맞는 경우의 구분.
읽기 ↗ -
COLUMN 10 ·
취향으로 정해도 되는 것, 정하면 안 되는 것
시안 앞에서 수정이 끝나지 않는다면 취향이 문제가 아니라, 취향 말고 기준이 없는 게 문제입니다. 순서와 단어는 취향 밖, 색과 문장의 온도는 취향 안 — 항목별로 결정권을 가르는 네 가지 기준과, 확인할 수 없는 지적을 확인 가능한 문장으로 바꾸는 법.
읽기 ↗ -
COLUMN 09 ·
상담마다 같은 설명을 반복하고 있다면
문의는 오는데 매번 진행 방식·기간·금액을 처음부터 설명하고 있다면, 사이트가 할 일을 대표님이 대신하는 중입니다. 값이 큰 일은 문의 건수보다 상담 한 건의 시간이 비용입니다 — 말하기 전에 끝내 둘 네 가지(반복 질문·진행 순서·금액을 가르는 기준·하지 않는 일)와 점검 다섯 줄.
읽기 ↗ -
COLUMN 08 ·
돈은 들였는데 싸 보이는 사이트, 어디서 갈릴까요
싸 보임은 취향의 문제가 아닙니다. 사이트가 주장하는 급과 화면에 남은 마감이 어긋난 상태고, 방문자는 그때 낮은 쪽을 믿습니다. 값이 큰 일일수록 그대로 가격 저항이 됩니다 — 급이 떨어지는 네 곳(재료의 출처·규칙의 개수·문장의 세기·마감 자리)과 점검 다섯 줄.
읽기 ↗ -
COLUMN 07 ·
사이트, 오픈 전에 만들까 자리 잡은 뒤에 만들까
기준은 오픈일이 아닙니다. 밖에 말을 걸기 시작하는 날 — 첫 아웃리치·프리오더·프레스·미팅 중 가장 빠른 일정입니다. 그날부터 검색이 시작되니까요. 늦게 만들 때와 이르게 만들 때 각각 무엇을 잃는지, 시점을 역산하는 네 가지 기준.
읽기 ↗ -
COLUMN 06 ·
문의가 안 늘 때, 어디가 막혔는지 찾는 순서
사람은 오는데 문의는 그대로라면, 사이트 전체를 다시 손보는 건 헛돈입니다. 막힌 구간은 보통 한 군데뿐입니다. 발견·첫 화면·검증·행동 네 구간으로 잘라 어디서 사람이 빠지는지 판별하는 법 — 구간별 신호와 직접 해보는 확인 방법까지.
읽기 ↗ -
COLUMN 05 ·
AI에게 물어봤을 때, 우리 브랜드가 나오려면
AI가 브랜드를 답에 넣어 줄지는 누구도 보장할 수 없습니다. 보장한다는 말은 영업입니다. 다만 지금 많은 사이트는 AI가 읽을 수 있는 상태조차 아닙니다 — 읽히지 않는 사이트의 공통점과, 읽히는 상태로 만드는 다섯 가지.
읽기 ↗ -
COLUMN 04 ·
브랜드 런칭, 디자인보다 먼저 정해야 하는 것
런칭 준비는 보통 레퍼런스·컬러·로고부터 시작합니다. 전부 "어떻게 보일까"에 대한 답이라, "무엇을 하게 할까"는 비어 있습니다. 화면을 그리기 전에 정해야 할 세 가지 — 1순위 방문자, 행동 하나, 후기가 없는 자리를 지어내지 않고 채울 재료.
읽기 ↗ -
COLUMN 03 ·
홈페이지 없이 버티는 곳과, 없으면 새는 곳
"홈페이지는 다 필요하다"는 말은 영업입니다. 없어도 잘 굴러가는 곳이 분명히 있습니다. 인스타·플레이스만으로 버티는 경우와 없으면 손님이 새는 경우를, 업종이 아니라 원리로 구분했습니다 — 내 경우는 어느 쪽인지 판단 기준까지.
읽기 ↗ -
COLUMN 02 ·
인스타 잘되는데 홈페이지가 왜 필요하죠?
인스타를 접으라는 게 아닙니다. 다만 인스타가 구조적으로 못 하는 역할 — 검색·AI 검색에 잡히는 것, 정보를 원하는 순서로 보여주는 것, 신뢰 증거를 한곳에 쌓는 것 — 이 있습니다. 그 순간에 홈페이지가 필요합니다.
읽기 ↗ -
COLUMN 01 ·
예쁜데 문의가 없는 홈페이지, 이유는 하나입니다
리뉴얼하고 "예쁘네요" 칭찬은 받는데 문의 수는 그대로인 경우가 생각보다 많습니다. 문제는 디자인이 아니라, 사이트에 "여기서 뭘 하라"는 말이 없다는 것 — 고치는 방법 세 가지를 정리했습니다.
읽기 ↗
칼럼은 계속 추가됩니다.
같은 내용을 인스타그램 캐러셀로도 발행합니다.
읽다가 내 사이트가 궁금해졌다면 — 무료 상담으로 물어보기 ↗