페이지를 넘길 때마다 화면이 툭 하고 처음부터 다시 그려져, 손님은 매번 멈칫한다 — 화면 전환(뷰 트랜지션)이 홈페이지를 앱처럼 매끄럽게 잇는 시대
웹의 페이지 전환은 늘 흰 화면 깜빡임과 함께 '툭' 끊겼습니다. 브라우저가 전후 화면을 스냅샷으로 이어 붙이는 뷰 트랜지션이, 작은 회사 홈페이지도 앱처럼 매끄럽게 흐르게 하는 원리와 실무 포인트를 짚습니다.
손님이 정성껏 남긴 문의가, 사장님 받은편지함이 아니라 스팸함 맨 아래에 사흘째 처박혀 있었다 — 작은 회사 웹사이트 이메일 도착률(SPF·DKIM·DMARC) 설계의 5가지 원칙
문의 폼도 멀쩡하고 메일도 분명 발송됐는데 사장님에게 닿지 않는다. 발신 도메인 정리부터 SPF·DKIM·DMARC 설정, 실제 도착 테스트까지 이메일 도착률을 지키는 5가지 원칙을 정리했다.
화면을 읽어주는 프로그램을 쓰는 손님은, 우리 홈페이지의 버튼이 무슨 버튼인지조차 듣지 못한다 — 작은 회사 웹사이트 웹 접근성 설계의 5가지 원칙
시각장애·색약·고령 손님까지 놓치지 않으려면 홈페이지에 무엇이 필요할까. 대체 텍스트부터 키보드 이동, 글자 확대까지 작은 회사가 지금 당장 챙길 수 있는 웹 접근성 5가지를 정리했다.
손님은 지금 딱 하나만 물으면 되는데, 문의 폼은 이름·연락처부터 요구하고 답은 내일에야 온다 — 작은 회사 웹사이트에 실시간 채팅 상담을 붙이는 5가지 원칙
전화는 부담스럽고 문의 폼은 느립니다. 손님이 궁금한 순간 바로 묻고 바로 답받는 실시간 채팅 상담을, 작은 회사가 성가시지 않게 잘 붙이는 5가지 원칙을 정리했습니다.
홈페이지를 넘겨받은 그날부터, 고장 나면 누구에게 전화해야 하는지가 사라진다 — 작은 회사가 홈페이지 유지보수 계약을 제대로 맺는 5가지 원칙
홈페이지는 만드는 순간이 아니라 운영되는 몇 년 동안 값을 한다. 유지보수 계약서에서 반드시 확인해야 할 다섯 가지를 정리했다.
남의 집을 데려와 보여줄 수 없으니, 손님은 시공 사진 몇 장만 보고 수천만 원을 맡길지 망설인다 — 인테리어·리모델링 '담다' 홈페이지 제작기
인테리어·리모델링은 결과물을 손님 앞에 실물로 데려올 수 없는 업종이다. 시공 사례를 눈으로 확인시키는 홈페이지 한 채가 어떻게 '견적만 받고 사라지던' 손님을 계약으로 이어 주는지, 리모델링 업체 '담다'의 제작 과정을 정리했다.
양쪽 발 크기가 다른 손님은, 신발 가게에서 늘 한 짝을 포기해 왔다 — 맞춤 수제화 공방 '발맞춤' 홈페이지 제작기
발 모양이 남다른 손님일수록 온라인에서 믿고 맡길 곳을 찾기 어렵습니다. 수제화 공방 '발맞춤' 홈페이지를 만들며 상담 문턱을 낮추고 제작 과정을 눈에 보이게 한 이야기를 정리했습니다.
손님은 우리 홈페이지의 색만 보고도 '믿을 만한 곳'인지 '싸구려'인지를 3초 만에 정한다 — 작은 회사 웹사이트 색상(브랜드 컬러) 설계의 5가지 원칙
색은 취향이 아니라 신뢰의 문제다. 업종에 맞는 주색 하나, 셋으로 줄인 팔레트, 버튼에만 쓰는 강조색까지 — 돈 들이지 않고 홈페이지를 믿음직하게 만드는 색 설계 5가지 원칙을 정리했다.
손님은 '그 책 지금 있어요?'를 전화로만 묻고, 없다는 답 한마디에 발길을 돌린다 — 동네책방 '밑줄책방' 홈페이지 제작기
재고 문의는 하루 종일 전화로만 오고, 어렵게 연 낭독 모임은 단골 몇 명만 알던 열 평짜리 동네 책방. 홈페이지 하나로 '지금 매대에 있는 책'과 '이번 주 모임'을 손님이 스스로 찾게 만든 과정을 정리했습니다.