WHAT WE DO
자는 법을 바꾸는 게 아니라, 자기 전 15분을 바꿉니다. 호흡 · 소리 · 기록 세 가지면 충분합니다.
숨을 세어 주는 소리 하나. 화면을 보지 않아도 되게 만들었습니다.
비, 장작, 오래된 선풍기. 전부 직접 녹음했고 반복 이음매가 들리지 않습니다.
오늘 잠을 방해한 것 하나만 적습니다. 길게 쓰게 하면 아무도 안 씁니다.
REVIEWS
“자려고 누우면 오늘 있었던 일이 자꾸 떠올랐는데, 숨 세는 소리에 맞추다 보면 어느새 다음 날 아침입니다.”
서서지훈 · 3개월째“한 줄만 적으면 되니까 계속 쓰게 됩니다. 두 달치를 몰아 보니 커피를 몇 시에 마셨는지가 다 나오더군요.”
민민가영 · 8개월째PRICING
7일 동안 다 열어 두고 써 보고 정하세요. 카드 정보는 그때 받습니다.
FAQ
기본은 30분 뒤에 서서히 꺼집니다. 밤새 켜 두는 것도 됩니다.
기록은 기기 안에만 둡니다. 통계를 보려고 서버로 보내지 않습니다.
남습니다. 내보내기로 파일을 받아 두실 수도 있습니다.
예쁜 것과 빠른 것은 고르는 게 아니라, 무엇을 안 넣을지 정하는 것입니다
4G · 중급 안드로이드 기준성능 점수
계약서에 90점 이상이라고 적었습니다. 넘기고 나서 이 숫자가 떨어지면 무엇 때문에 떨어졌는지 이 화면에서 바로 보입니다.
첫 화면이 뜨는 시간 (LCP)
초눌렀을 때 반응 (INP)
ms화면이 밀리는 정도 (CLS)
첫 화면 전송량
KB켜 보면 위의 숫자가 같이 움직입니다
안 넣은 게 아니라 다르게 넣었습니다
| 무엇을 | 어떻게 |
|---|---|
| 사진 | WebP · 화면 폭에 맞춘 세 가지 크기 · 첫 화면 밖은 나중에. 크기를 미리 적어 둬서 사진이 뜰 때 글이 안 밀립니다. |
| 글꼴 | 한 벌만. 이 사이트에 실제로 나오는 글자만 잘라 넣습니다. 다 받기 전에도 시스템 글꼴로 먼저 보입니다. |
| 스크립트 | 첫 화면에 필요한 건 없습니다. 측정 하나만 사람이 움직인 뒤에 부릅니다. |
| 영상 | 배경 영상은 안 씁니다. 그림 한 장으로 되는 걸 8MB로 하지 않습니다. |
| 채팅 위젯 | 안 붙였습니다. 문의는 버튼 하나로 받습니다 — 문의가 줄지 않았습니다. |
만들면서 같이 봅니다. 다 만들고 나서 붙이는 게 아닙니다
제목은 32자, 설명은 80자 안쪽이 안 잘립니다
제목이 잘렸습니다. 뒤에 붙인 브랜드 이름부터 사라집니다. 제목·설명이 잘리지 않고 다 나옵니다. 검색은 사이트에 오기 전에 보는 화면이라, 여기서 안 눌리면 나머지는 소용이 없습니다.
링크를 던지는 사람이 검색보다 많습니다
공유 카드 그림은 글자를 그림에 그려 넣어 자동으로 만듭니다. 이미지 파일을 따로 만들어 두면, 카피를 고쳤을 때 카드만 옛날 문구로 남습니다.
고친 글자가 그대로 반영됩니다
| 항목 | 어떻게 |
|---|---|
| 제목 규칙 | 페이지 제목 · 브랜드. 브랜드를 앞에 두면 검색결과가 다 똑같아 보입니다. |
| 정규 주소 | 주소 하나로 못박습니다. www 와 슬래시 유무로 같은 글이 네 개가 되지 않게. |
| 사이트맵 | 글을 올리면 자동으로 다시 만들어 서치콘솔에 알립니다. |
| 구조화 데이터 | 조직 · FAQ · 앱 정보. FAQ 는 검색결과에서 펼쳐집니다. |
| 이미지 대체글 | CMS 에서 필수 칸입니다. 비워 두면 저장이 안 됩니다. |
넘기고 나서 우리를 부르지 않아도 되는 만큼이 이 일의 값입니다
| 블록 | 누가 | 올리기 필요 | 제한 |
|---|---|---|---|
되돌리기가 있어야 사람이 마음 놓고 고칩니다
넘긴 뒤에 실제로 무슨 일이 있었나
| 무엇 | 횟수 | 우리를 불렀나 |
|---|---|---|
| 문구 · 가격 수정 | 41 | 0회 |
| 후기 · FAQ 추가 | 18 | 0회 |
| 사진 교체 | 12 | 0회 |
| 새 페이지 추가 | 3 | 3회 |
| 섹션 순서 변경 | 1 | 1회 |
| 합계 | 75 | 4회 |
75번 중 71번은 우리 없이 처리됐습니다. 네 번은 구조를 바꾸는 일이라 우리가 했고, 그건 그렇게 두는 게 맞습니다 — 전부 열어 두면 반년 뒤에 아무도 못 고치는 사이트가 됩니다.
어디서 들어와서 어디서 나가는지
최근 30일요금을 보고 나서 절반이 나갑니다. 여기가 이 사이트에서 가장 큰 구멍입니다. 고쳐야 할 건 색이나 버튼 위치가 아니라 요금 위에서 하는 말이고, 그건 카피라 사장님이 직접 고칠 수 있어야 합니다.
주소에 붙은 표시를 그대로 셉니다
| 경로 | 방문 | 가입 | 전환율 |
|---|---|---|---|
인스타는 사람을 제일 많이 데려오지만 가입은 가장 적게 만듭니다. 블로그 글 하나가 인스타 한 달치보다 낫습니다. 방문자 수만 보면 정반대로 판단하게 됩니다.
다섯 개면 충분합니다
| 이름 | 언제 |
|---|---|
| view_pricing | 요금 구역이 화면에 절반 이상 들어왔을 때 |
| click_start | 시작 버튼을 눌렀을 때. 어느 자리 버튼인지 같이 남깁니다 |
| signup_done | 가입이 끝났을 때. 앱에서 보내 줍니다 |
| faq_open | FAQ 를 펼쳤을 때. 무엇이 걸리는지 알려 줍니다 |
| scroll_end | 맨 아래까지 내려갔을 때 |
화면보다 먼저 정한 것들
둘 중 하나를 고르라는 말은 대개 무엇을 안 넣을지 정하지 않았다는 뜻입니다.
배경 영상, 웹폰트 네 벌, 채팅 위젯, 히트맵 — 하나씩 보면 다 그럴듯하고 합치면 첫 화면이 5초입니다.
전송량 300KB · 자바스크립트 90KB 같은 숫자를 먼저 적어 두고, 넘으면 무언가를 뺍니다.
디자인 시안부터 그리면 채울 글이 없어서 "혁신적인 솔루션" 같은 말이 들어갑니다. 무슨 순서로 무슨 말을 할지를 먼저 정하고, 그 말이 들어갈 자리를 그립니다. 섹션 순서를 정하는 회의가 시안 회의보다 오래 걸리는 게 정상입니다.
사이트가 죽는 가장 흔한 이유는 느려서가 아니라 고칠 수 없어서입니다. 문구·가격·후기·FAQ·사진은 CMS 에서 바로 고치고 30초 뒤에 반영됩니다. 지난 여섯 달에 75번 고쳤고 그중 71번은 우리 없이 처리됐습니다.
검색결과와 카톡 공유 카드는 사이트를 열어 보기 전에 먼저 보는 화면입니다. 그런데 대개 마지막 날에 급하게 채웁니다. 여기서는 카피를 고치면 그 자리에서 같이 바뀌고, 제목이 잘리는지도 바로 보입니다.
공유 카드 그림은 글자를 그림에 그려 자동으로 만듭니다. 이미지를 따로 만들어 두면 카피를 고쳤을 때 카드만 옛날 문구로 남습니다.
우리가 할 수 있는 건 걸리게 만들어 두는 것까지입니다 — 주소 구조, 제목 규칙, 구조화 데이터, 사이트맵, 속도. 순위는 글의 내용과 시간이 정합니다. 한 달 만에 1등을 만들어 준다는 곳은 다른 걸 팔고 있습니다.
측정 도구를 붙이는 것과 무엇을 셀지 정하는 것은 다른 일입니다. 사람이 하기를 바라는 행동 다섯 개를 적고 그것만 셉니다. 방문자 수는 늘 늘어나고, 늘 아무것도 알려 주지 않습니다.
개인정보는 보내지 않습니다. 동의 전에는 쿠키를 심지 않고, 거절해도 사이트는 그대로 됩니다. 거절하면 안 되는 사이트는 그 자체가 문제입니다.
파일 한 벌이 아니라 고칠 수 있는 상태를 넘깁니다 —
CMS 계정, 되돌리기, 성능 예산이 걸린 배포 검사, 측정 대시보드, 그리고
어디를 어떻게 고치는지 적은 두 장짜리 문서.
영상 강의는 아무도 안 봅니다.
서버도 CMS 도 붙어 있지 않습니다. 지표는 손잡이 위치로 계산한 값이고, 새로고침하면 처음으로 돌아갑니다. 실제 프로젝트에서는 이 자리에 Next.js, 헤드리스 CMS, 배포 파이프라인, 성능 검사, 측정 도구, 그리고 목요일 오후에 가격을 고치는 사장님이 있습니다.