구인 공고를 올려도 지원자가 없다 — 작은 회사가 홈페이지 채용 페이지로 사람을 뽑는 5가지 원칙
지원을 망설이는 사람은 회사 이름부터 검색한다. 그때 홈페이지에 채용 이야기가 없으면 지원은 거기서 끝난다. 작은 회사가 채용 페이지로 사람을 뽑는 다섯 가지 원칙을 정리했다.
산모는 방 한 칸 못 보고, 후기 몇 줄에 산후 2주를 맡긴다 — 산후조리원 ‘온달채’ 홈페이지 제작기
출산 전 산모는 조리원 안을 직접 볼 수 없어 후기 몇 줄에 기대어 결정합니다. 상담 전화에 반복되던 다섯 가지 질문을 그대로 사이트 구조로 옮겨, 투어 신청이 월 2건에서 14건으로 늘어난 제작 과정을 정리했습니다.
검색량 1위 키워드를 잡았는데 문의는 한 통도 없다 — 작은 회사가 진짜 돈이 되는 검색어를 고르는 5가지 원칙
검색량이 많은 키워드가 곧 매출이 되는 것은 아닙니다. 작은 회사가 대기업과 싸우지 않고도 문의로 이어지는 검색어를 찾아내는 다섯 가지 기준을 정리했습니다.
환자는 임플란트 값이 궁금해도 물어보기가 민망해, 검색만 반복하다 치료를 반년 미룬다 — 동네 치과 '참솔치과' 홈페이지 제작기
치과는 손님이 가격을 먼저 묻지 못하는 거의 유일한 동네 가게입니다. 참솔치과 홈페이지를 다시 만들며 '물어보기 어려움'부터 걷어낸 과정을 정리했습니다.
손님은 이사 견적을 받으려 전화 다섯 통을 돌리고, 그중 셋은 '와서 봐야 안다'는 말만 남긴다 — 동네 이삿짐센터 '반듯이사' 홈페이지 제작기
하루 열 통 오던 전화 중 계약은 두세 건뿐이었다. 가격이 비싸서가 아니라, 얼마가 나올지 가늠할 수 없어서였다. 온라인 간이 견적과 성수기 달력으로 문의는 줄이고 계약은 두 배로 늘린 이삿짐센터 홈페이지 제작기.
그라데이션 하나 스르륵 바뀌게 하려고, 자바스크립트가 1초에 예순 번 색을 계산해 덮어쓴다 — 색과 각도에 '타입'을 달아 CSS가 스스로 사이를 채우게 하는 @property의 시대
CSS 변수는 브라우저에게 그저 글자 뭉치였다. 그래서 그라데이션도 회전 각도도 애니메이션이 되지 않았다. @property는 변수에 '이건 색이다, 이건 각도다'라고 타입을 달아, 브라우저가 값과 값 사이를 스스로 채우게 만든다.
손님이 우리 가게 번호를 손으로 받아 적다가 그만둔다 — 작은 회사 웹사이트가 전화·길찾기·톡을 '한 번의 탭'으로 잇는 5가지 원칙
모바일 방문자가 70%를 넘는데, 전화번호는 눌리지 않는 글자고 주소는 복사해야 하는 텍스트다. 손님이 마음먹은 순간과 실제 연락 사이의 몇 초를 없애는 다섯 가지 설계 원칙을 정리했다.
우리 사이트를 가리키는 링크가 인터넷 어디에도 없다 — 작은 회사가 백링크를 정직하게 쌓는 5가지 원칙
검색 엔진은 '누가 이 사이트를 언급했는가'로 신뢰를 판단합니다. 광고비를 태우지 않고도 작은 회사가 외부 링크를 정직하게 쌓아 올리는 다섯 가지 방법을 정리했습니다.
상담을 받고 싶은 사람은, 번호를 눌렀다 지우기를 세 번 반복한다 — 동네 심리상담센터 '봄뜰' 홈페이지 제작기
발신 기록에 남은 3초짜리 통화들. 문 앞에서 돌아선 사람들을 붙잡기 위해 전화번호를 첫 화면에서 내리고 비용을 숫자로 적었습니다. 심리상담센터 '봄뜰' 홈페이지 제작 과정을 정리했습니다.