손님은 우리가 쓴 소개글보다, 남이 남긴 별점 몇 개를 먼저 믿는다 — 작은 회사가 온라인 후기(리뷰)를 쌓고 지키는 5가지 원칙
잘 만든 홈페이지도 검색 결과에 뜨는 별점 앞에서는 무너진다. 후기를 자연스럽게 늘리고, 나쁜 후기에 제대로 대응하고, 좋은 후기를 홈페이지로 끌어오는 실전 원칙 다섯 가지를 정리했다.
휴무 공지 하나 올리려고 제작사에 전화하는 사이, 손님은 문 닫힌 가게 앞에서 헛걸음을 한다 — 사장님이 직접 고치는 작은 회사 웹사이트 관리자 페이지(CMS) 설계의 5가지 원칙
가격·영업시간·공지를 바꾸려 매번 제작사에 연락하는 사이 홈페이지는 옛날 얘기를 하고 손님은 헛걸음을 한다. 사장님이 겁내지 않고 직접 고치는 관리자 페이지(CMS)를 설계하는 5가지 원칙을 정리했다.
손님은 첫 화면 3초 안에 '여기가 뭐 하는 곳인지' 못 읽으면 그냥 나간다 — 작은 회사 웹사이트 첫 화면(히어로 섹션) 설계의 5가지 원칙
처음 온 손님은 스크롤을 내리기 전, 첫 화면 하나로 남을지 떠날지를 정한다. 무엇을 하는 곳인지 한 줄로 말하고, 다음 행동을 버튼 하나로 안내하는 히어로 섹션 설계의 5가지 원칙을 정리했다.
손님은 새 미용실 문을 밀기 전에, 내 머리를 망칠까 봐 남이 받은 시술 사진부터 찾는다 — 동네 미용실 '오늘의결' 홈페이지 제작기
실력은 단골이 증명하는데 처음 온 손님에게는 보여줄 게 없던 동네 미용실. 시술 사진과 디자이너, 예약을 한 화면에 모은 홈페이지 제작 과정을 정리했다.
손님은 지도 앱을 켜고 '근처 국밥'을 검색하는데, 거기 뜨는 건 늘 옆 가게다 — 작은 회사가 네이버 플레이스로 동네 손님을 잡는 5가지 원칙
요즘 동네 손님은 검색창이 아니라 지도에서 가게를 고른다. 지도 위에 우리 가게를 제대로 세워 두고, 그 손님을 홈페이지로 이어 단골로 붙드는 네이버 플레이스 관리 5가지 원칙을 정리했다.
손님은 마음을 정하고도, 어디를 눌러 연락해야 할지 몰라 그냥 창을 닫는다 — 작은 회사 웹사이트 행동 유도 버튼(CTA) 설계의 5가지 원칙
홈페이지의 모든 글과 사진은 결국 손님의 클릭 한 번을 위해 존재한다. 그 버튼 하나가 흐릿하면 앞의 노력은 전부 흩어진다. 작은 회사의 문의 수를 가르는 행동 유도 버튼(CTA) 설계 원칙 5가지를 정리했다.
명절이면 참기름 주문 전화가 온종일 울리는데, 사장님은 기름을 짜느라 그 절반을 놓친다 — 동네 방앗간 '고소한하루' 홈페이지 제작기
전화로만 오가던 주문을 홈페이지 주문·예약으로 옮기고, 착유 과정과 원산지를 눈에 보이게 정리해 젊은 손님까지 붙든 동네 방앗간 사이트 제작기.
문의가 들어와도 사장님은 저녁에야 메일함을 열고, 손님은 답장 빠른 옆 가게로 넘어간다 — 작은 회사 웹사이트 문의 실시간 알림(카톡·문자) 설계의 5가지 원칙
홈페이지 문의를 이메일로만 받으면 늦게 확인해 손님을 놓치기 쉽다. 알림톡·문자 이중화부터 미확인 리마인드까지, 문의를 놓치지 않는 실시간 알림 설계 5가지 원칙을 정리했다.
메뉴가 툭 튀어나왔다 툭 사라져, 손님은 방금 뭐가 열렸는지 놓친다 — 나타남과 사라짐을 자바스크립트 없이 CSS에 맡기는 @starting-style의 시대
팝업과 드롭다운이 부드럽게 떠오르고 스르륵 닫히게 하려고 자바스크립트로 클래스를 붙였다 뗐다 하던 시대가 저물고 있습니다. 진입·퇴장 애니메이션을 CSS 한 곳에 맡기는 @starting-style과 allow-discrete 이야기를 정리합니다.