손님은 매장에서 30분을 써 보고, 그 모델명을 적어 나가 온라인 최저가로 산다 — 동네 안경원 '바로봄' 홈페이지 제작기
써 보고 사는 물건인데 정작 매장 밖에서 결제된다. 착용 사례·렌즈 가격 공개·검안 예약으로 손님의 마음을 매장에 오기 전에 정리해 준 동네 안경원 홈페이지 제작 기록.
손님이 견적서를 인쇄하자 화면 속 메뉴바·배너·배경까지 통째로 찍혀 잉크만 먹고 알아볼 수가 없다 — 작은 회사 웹사이트 인쇄용 페이지(print CSS) 설계의 5가지 원칙
손님은 홈페이지의 견적서·주문서·쿠폰을 종이에 뽑는 순간 메뉴바와 배너까지 함께 찍힌 지저분한 페이지를 받아 든다. 화면과 종이를 갈라 주는 인쇄용 스타일(print CSS)의 5가지 원칙을 정리했다.
손님은 밤 열한 시에 예약하려다 전화가 안 돼 포기하고, 아침이면 그 마음은 이미 식어 있다 — 작은 회사 웹사이트 온라인 예약 시스템 설계의 5가지 원칙
손님이 예약하고 싶은 시간은 대개 우리가 전화를 못 받는 시간이다. 전화로만 받는 예약은 그 마음이 식기 전에 잡지 못한다. 작은 회사가 웹사이트에 온라인 예약을 붙일 때 지켜야 할 5가지 원칙을 정리했다.
사장님은 아침마다 광고 도배 문의를 지우다, 진짜 손님 한 통을 같이 버린다 — 작은 회사 웹사이트 문의 폼 스팸 차단(캡차·허니팟) 설계의 5가지 원칙
문의 폼에 쏟아지는 스팸은 진짜 손님까지 놓치게 만든다. 손님을 불편하게 하지 않으면서 스팸만 조용히 걸러내는 5가지 원칙을 정리했다.
손님은 '지금 안 사도 그만'이라며 창을 닫고, 사장님은 할인만 반복하다 제값을 잃는다 — 작은 회사가 쿠폰·할인 프로모션으로 브랜드를 싸구려로 만들지 않고 손님을 움직이는 5가지 원칙
할인은 손님을 부르는 가장 빠른 미끼이면서, 잘못 쓰면 브랜드 가치를 갉아먹는 가장 빠른 길이기도 하다. 작은 회사가 프로모션으로 매출은 올리되 제값을 지키는 다섯 가지 설계 원칙을 정리했다.
손님은 우리 가게 이름을 정확히 검색해도, 결과 어디에도 우리 홈페이지가 없다 — 작은 회사 웹사이트가 네이버·구글 검색에 뜨게 만드는 색인(sitemap·검색등록) 설계의 5가지 원칙
홈페이지를 만드는 것과 검색에 뜨는 것은 다른 일이다. 검색엔진 등록, sitemap 제출, robots 점검 등 광고비 없이 홈페이지를 검색에 잡히게 만드는 5가지 원칙을 정리했다.
체크박스 하나 켜졌다고 카드 전체를 바꾸려면, 자바스크립트가 부모에 클래스를 붙였다 뗐다 해야 했다 — 자식의 상태를 보고 부모를 고르는 CSS :has()의 시대
CSS는 늘 부모에서 자식으로만 흘렀습니다. 자식의 상태에 따라 부모를 바꾸려면 자바스크립트가 필요했죠. :has() 선택자는 이 방향을 뒤집어, 작은 회사 홈페이지의 폼·레이아웃·상호작용을 코드 부담 없이 살아 움직이게 만듭니다.
손님은 우리를 좋아했지만, 다시 말 걸 방법이 없어 그냥 멀어진다 — 작은 회사가 카카오톡 채널로 손님과 다시 연결되는 5가지 원칙
한 번 온 손님과 다시 연결되는 가장 확실한 통로는 카카오톡 채널이다. 친구 추가를 얻고 알림톡·친구톡을 언제 어떻게 보내야 손님이 반기는지 5가지 원칙으로 정리했다.
손님은 등록 전에 강사가 누구인지, 수업이 어떻게 도는지 하나도 못 본 채 큰 프랜차이즈로 걸음을 옮긴다 — 동네 필라테스 스튜디오 '바로필라테스' 홈페이지 제작기
전화와 인스타 DM으로만 굴러가던 여덟 평 필라테스 스튜디오가, 강사 소개·실시간 시간표·체험수업 예약을 담은 홈페이지를 갖춘 뒤 상담 이탈을 어떻게 줄였는지 담은 제작 후기입니다.