손님은 우리 홈페이지의 색만 보고도 '믿을 만한 곳'인지 '싸구려'인지를 3초 만에 정한다 — 작은 회사 웹사이트 색상(브랜드 컬러) 설계의 5가지 원칙
색은 취향이 아니라 신뢰의 문제다. 업종에 맞는 주색 하나, 셋으로 줄인 팔레트, 버튼에만 쓰는 강조색까지 — 돈 들이지 않고 홈페이지를 믿음직하게 만드는 색 설계 5가지 원칙을 정리했다.
브라우저 탭 스무 개 중 우리 사이트만 회색 지구본이다 — 작은 회사 웹사이트 파비콘(브라우저 탭 아이콘) 설계의 5가지 원칙
손님은 탭을 스무 개 열어둔 채 우리 사이트를 다시 찾는다. 그 사이에서 회색 지구본 하나면 우리는 그대로 사라진다. 작은 회사가 파비콘으로 브라우저 탭에서 살아남는 5가지 원칙.
손님은 흐릿한 사진 한 장에서 '이 가게, 정성이 없다'를 먼저 읽는다 — 작은 회사 웹사이트 사진(이미지) 고르기의 5가지 원칙
글꼴이나 색보다 먼저 눈에 들어오는 것이 사진입니다. 작은 회사 웹사이트를 '싸 보이지 않게' 만드는 사진 선택과 관리의 5가지 실무 원칙을 정리했습니다.
손님이 우리 홈페이지를 '왠지 싸 보인다'고 느끼는데, 바꾼 것이라곤 글꼴 하나뿐이다 — 작은 회사 웹사이트의 글꼴 고르기
같은 문장도 어떤 글꼴에 담기느냐에 따라 믿음직해 보이기도, 어설퍼 보이기도 합니다. 작은 회사 웹사이트에서 글꼴 하나가 첫인상을 어떻게 가르는지, 무엇을 고르면 되는지 정리했습니다.
손님은 빽빽이 들어찬 첫 화면 앞에서 어디부터 봐야 할지 몰라 숨이 막혀 그대로 창을 닫는다 — 작은 회사 웹사이트 여백(빈 공간) 설계의 5가지 원칙
여백은 '아깝게 비운 공간'이 아니라 손님의 눈길을 정리해 주는 설계입니다. 작은 회사 홈페이지가 답답하지 않게 숨 쉬게 만드는 다섯 가지 원칙을 정리했습니다.
손님은 '무엇을 눌러야 하는지' 몰라 화면만 훑다 그냥 나간다 — 작은 회사 웹사이트 행동 유도 버튼(CTA) 설계의 5가지 원칙
예쁜 홈페이지에 손님은 다녀가는데 정작 전화도 문의도 늘지 않는다면, 대개 '다음에 무엇을 눌러야 하는지'가 화면에 없기 때문이다. 손님을 행동으로 이끄는 버튼을 설계하는 다섯 가지 원칙을 정리한다.
손님은 두 문단을 채 못 읽고 눈이 뻑뻑해져 뒤로가기를 누른다 — 작은 회사 웹사이트 글꼴·타이포그래피 설계의 5가지 원칙
글꼴은 취향이 아니라 '읽힘'의 문제다. 크기와 줄간격, 글꼴 수만 제대로 잡아도 손님이 페이지에 머무는 시간이 달라진다. 작은 회사 웹사이트가 지켜야 할 타이포그래피 5원칙을 정리했다.
손님이 '작업하신 거 좀 볼 수 있을까요' 묻는데 내밀 것이 회사 소개 한 장뿐이다 — 작은 회사 웹사이트 작업 사례(포트폴리오) 페이지 설계의 5가지 원칙
인테리어·공방·시공·디자인처럼 결과물로 말하는 업종일수록 '무엇을 했는지'가 곧 견적서다. 사진만 잔뜩 걸어 둔 갤러리를 계약으로 이어지는 작업 사례 페이지로 바꾸는 5가지 원칙을 정리했다.
손님은 첫 화면에서 3초 만에 '여기가 뭐 하는 곳인지'를 못 읽고 뒤로가기를 누른다 — 작은 회사 웹사이트 첫 화면(히어로 섹션) 설계의 5가지 원칙
홈페이지에 들어온 손님이 가장 먼저 마주하는 첫 화면. 무엇을 파는 곳인지, 왜 여기서 사야 하는지를 3초 안에 못 읽으면 손님은 그대로 떠납니다. 작은 회사가 첫 화면을 설계할 때 지켜야 할 5가지 원칙을 정리했습니다.