디자인

PC 화면에선 멀쩡하던 사이트가 손님 휴대폰에선 글자가 잘리고 버튼이 겹친다 — 작은 회사 웹사이트 모바일 화면(반응형) 설계의 5가지 원칙

작은 회사 웹사이트를 찾는 손님 열에 일곱은 휴대폰으로 들어옵니다. PC 화면만 보고 만든 사이트가 모바일에서 어떻게 손님을 놓치는지, 다섯 가지 원칙으로 짚어 봅니다.

2026.06.13 조회 3
디자인

고객이 원하는 정보를 메뉴에서 못 찾고 뒤로가기만 누르다 떠난다 — 작은 회사 웹사이트 메뉴(내비게이션) 설계의 5가지 원칙

메뉴는 웹사이트의 길 안내판입니다. 항목이 너무 많거나 이름이 모호하면 고객은 원하는 정보를 찾지 못하고 떠납니다. 작은 회사가 메뉴를 직관적으로 설계하는 5가지 원칙을 정리했습니다.

2026.06.11 조회 5
디자인

공들여 쓴 소개 글이 멋 부린 글꼴에 가려 한 줄도 읽히지 않는다 — 작은 회사 웹사이트 글꼴(타이포그래피) 선택의 5가지 원칙

웹사이트 화면의 9할은 글자입니다. 그런데 많은 사장님이 색과 사진만 신경 쓰다 정작 글꼴은 기본값에 맡겨 둡니다. 작은 회사 사이트가 신뢰감 있게 '읽히도록' 글꼴을 고르고 배치하는 다섯 가지 실전 원칙을 정리했습니다.

2026.06.11 조회 7
디자인

버튼을 다 똑같이 강조했더니 정작 눌러야 할 하나가 묻혔다 — 작은 회사 웹사이트 버튼(CTA) 설계의 5가지 원칙

모든 버튼을 똑같이 강조하면 고객은 어디를 눌러야 할지 길을 잃습니다. 손가락을 '문의하기' 하나로 모으는 CTA 버튼 설계의 다섯 가지 원칙을 정리했습니다.

2026.06.09 조회 9
디자인

정보를 빈틈없이 채웠더니 고객의 눈이 머물 곳을 잃었다 — 작은 회사 웹사이트 여백(Whitespace) 설계의 5가지 원칙

여백은 비어 있는 공간이 아니라 고객의 시선을 안내하는 설계 도구다. 작은 회사 웹사이트가 여백을 제대로 다루는 5가지 실무 원칙을 정리했다.

2026.06.09 조회 13
디자인

가격을 묻는 전화가 부담스러운 고객은 조용히 옆 가게로 간다 — 작은 회사 웹사이트 가격 안내 페이지 설계의 5가지 원칙

가격을 숨기면 문의가 늘 거라는 기대와 달리, 요즘 고객은 가격이 안 보이는 사이트를 비교 대상에서 조용히 지운다. 작은 회사가 가격 안내 페이지를 설계하는 다섯 가지 원칙을 정리했다.

2026.06.08 조회 8
디자인

문의를 쓰려던 고객이 입력칸 앞에서 한숨 쉬고 창을 닫는다 — 작은 회사 웹사이트 입력 폼(Form) 설계의 5가지 원칙

방문자를 문의·예약으로 바꾸는 마지막 관문은 입력 폼이다. 칸 수, 라벨 위치, 에러 메시지 같은 작은 차이가 완성률을 가른다. 고객이 끝까지 쓰게 만드는 폼 설계 원칙 5가지를 정리했다.

2026.06.05 조회 14
디자인

예쁜 색을 다 넣었더니 고객의 눈이 정작 살 버튼을 못 찾는다 — 작은 회사 웹사이트 색(컬러) 선택의 5가지 원칙

마음에 드는 색을 하나씩 더하다 보면 사이트는 점점 시끄러워지고 정작 눌러야 할 버튼이 묻힙니다. 색을 더하는 게 아니라 덜어내는 방향으로 잡아야 하는 5가지 원칙을 정리했습니다.

2026.06.04 조회 10
디자인

고객이 첫 화면을 3초 보고 무슨 회사인지 모른 채 떠난다 — 작은 회사 웹사이트 첫 화면(히어로)의 5가지 원칙

방문자는 첫 화면에서 몇 초 만에 머물지 떠날지 결정한다. 작은 회사 웹사이트가 첫 화면 하나로 '무슨 일을 하는 곳인지'를 단번에 전하는 5가지 원칙을 정리했다.

2026.06.03 조회 10