손님은 원하는 정보를 못 찾아 메뉴만 헤매다, 결국 전화도 안 하고 나간다 — 작은 회사 웹사이트 내비게이션(메뉴) 설계의 5가지 원칙
메뉴가 복잡하면 손님은 길을 잃고 그냥 떠납니다. 작은 회사 홈페이지에서 손님이 헤매지 않고 원하는 정보와 연락처에 바로 닿게 만드는 내비게이션 설계 원칙 5가지를 실무 관점으로 정리했습니다.
운전자는 경고등이 떠도 어느 정비소가 바가지를 안 씌우는지 몰라, 제일 가까운 곳에 차를 밀어 넣고 계산서를 찜찜하게 받아 든다 — 동네 자동차 정비소 '믿음카정비' 홈페이지 제작기
손님의 진짜 불안은 '고장'이 아니라 '못 믿음'이었다. 가격 공개·정비 사진·간편 예약으로 첫 방문 손님의 경계심을 미리 허문 동네 자동차 정비소 홈페이지 제작기.
손님은 색이 요란한 화면 앞에서 어디가 중요한지 못 읽고, 정작 눌러야 할 버튼을 놓친다 — 작은 회사 웹사이트 색(브랜드 컬러 팔레트) 설계의 5가지 원칙
색은 취향이 아니라 안내판이다. 작은 회사 홈페이지가 색 몇 개만으로 신뢰를 주고 손님의 눈을 버튼까지 이끄는 방법을 정리했다.
손님은 화면이 뜨는 3초를 못 견디고, 다 뜨기도 전에 뒤로 가기를 누른다 — 작은 회사 웹사이트 로딩 속도 최적화의 5가지 원칙
화면 뜨는 시간이 3초를 넘기면 손님 절반은 내용을 보기도 전에 떠납니다. 작은 회사 홈페이지가 로딩 속도로 손님을 놓치지 않는 다섯 가지 원칙을 정리했습니다.
사장님은 광고비 50만 원을 태우고도 문의 한 통을 못 받고, 어디서 샜는지도 모른 채 다음 달 또 태운다 — 작은 회사가 검색광고(파워링크·구글애즈)로 헛돈 안 쓰고 손님을 데려오는 5가지 원칙
검색광고는 돈을 넣으면 손님이 오는 자판기가 아닙니다. 클릭이 새는 곳을 막고, 광고를 받아낼 페이지를 갖추고, 숫자로 판단하는 5가지 기준을 정리했습니다.
같은 카드인데 넓은 본문에선 멀쩡하다가 좁은 사이드바에 넣으면 레이아웃이 와르르 무너진다 — 요소가 자기가 놓인 자리 너비에 맞춰 스스로 바뀌는 CSS 컨테이너 쿼리(@container)의 시대
화면 전체 너비만 보던 반응형이 이제 '요소가 놓인 자리'를 본다. 같은 컴포넌트를 어디에 넣어도 알아서 맞춰지는 CSS 컨테이너 쿼리의 개념과 실무 활용을 정리했다.
사장님은 지인이 소개한 곳이라 계약서도 안 보고 맡겼다가, 반년째 '거의 다 됐다'는 말만 듣는다 — 작은 회사가 홈페이지 제작사를 고를 때 반드시 따져야 할 5가지 기준
최저가와 지인 소개라는 두 함정만 피해도 절반은 성공입니다. 계약서에 도장을 찍기 전에 반드시 확인해야 할 제작사 선택 기준 5가지를 정리했습니다.
사장님은 3년 전 만든 홈페이지를 '아직 멀쩡한데' 하며 두는 사이, 손님은 옆 가게 새 화면에 눈을 준다 — 작은 회사가 홈페이지를 새로 만들 때를 판단하는 5가지 신호
홈페이지는 낡아도 화면에 큰 글자로 '저 낡았어요'라고 뜨지 않아 방치되기 쉽습니다. 리뉴얼 시점을 놓치지 않기 위해 작은 회사가 스스로 점검할 수 있는 5가지 신호를 정리했습니다.
손님은 궁금한 걸 검색창에 치는데, 거기 답을 올려둔 건 늘 경쟁사다 — 작은 회사가 블로그 콘텐츠로 손님을 검색에서 데려오는 5가지 원칙
광고비를 태우지 않아도 손님은 검색으로 먼저 찾아온다. 작은 회사가 블로그 글 한 편으로 검색 노출과 신뢰를 함께 쌓는 5가지 원칙을 정리했다.