웹사이트 제작과 디지털 마케팅에 관한 이야기
성적표를 자랑하는 대신 수업이 굴러가는 방식을 보여줬고, 상담 신청을 전화에서 폼으로 옮겼습니다. 동네 수학학원 홈페이지를 다시 짠 6주의 기록입니다.
명함·전단지·매장 스티커에 QR코드를 붙이는 일은 쉽지만, 대부분은 한 번 스캔되고 끝납니다. 스캔을 방문으로, 방문을 재방문으로 바꾸는 QR코드 설계의 다섯 가지 원칙을 정리했습니다.
노무 상담은 첫 통화에서 사실관계 절반이 빠진 채 시작됩니다. 전화 대신 '사전 진단 폼'을 첫 화면에 올린 노무법인 이음의 홈페이지를 만들며 정리한 기록입니다.
'문의 주시면 안내드립니다' 한 줄 뒤에서 손님은 문의가 아니라 이탈을 선택합니다. 정확한 숫자를 못 밝히는 업종도 쓸 수 있는 가격 페이지 설계 원칙 다섯 가지를 정리했습니다.
국내 거래처만으로 20년을 버틴 정밀가공 업체가 해외 바이어를 맞으려고 영문 사이트를 열었습니다. 한글 사이트를 번역하는 일인 줄 알았는데, 처음부터 다시 짓는 일이었습니다.
인테리어·공방·시공·디자인처럼 결과물로 말하는 업종일수록 '무엇을 했는지'가 곧 견적서다. 사진만 잔뜩 걸어 둔 갤러리를 계약으로 이어지는 작업 사례 페이지로 바꾸는 5가지 원칙을 정리했다.
다크 모드가 어려웠던 이유는 색 감각이 아니라 같은 색을 두 벌로 관리해야 하는 구조였습니다. CSS light-dark() 함수가 그 구조를 어떻게 지우는지 정리했습니다.
카톡·문자·SNS에 홈페이지 링크를 붙이면 뜨는 그 작은 미리보기 카드는 손님이 가장 먼저 보는 간판입니다. 제목도 이미지도 없이 회색 상자만 뜨는 링크가 신뢰를 어떻게 깎아먹는지, 그리고 오픈그래프 태그로 이를 바로잡는 5가지 원칙을 정리했습니다.
손님은 이제 열 개의 검색결과를 훑는 대신 AI에게 한 줄로 묻고, AI가 골라 준 한두 곳만 본다. AI가 우리 가게를 '읽고 추천할 수 있게' 만드는 다섯 가지 준비를 정리했다.