웹사이트 제작과 디지털 마케팅에 관한 이야기
여백은 비어 있는 공간이 아니라 고객의 시선을 안내하는 설계 도구다. 작은 회사 웹사이트가 여백을 제대로 다루는 5가지 실무 원칙을 정리했다.
같은 '홈페이지 한 개'인데 견적이 회사마다 세 배씩 벌어집니다. 싼 곳이 손해는 아닌지, 비싼 곳이 바가지는 아닌지 가르는 다섯 가지 판단 기준을 정리했습니다.
광고로 새 손님을 부르기 전에, 이미 우리를 아는 손님부터 다시 부르는 게 먼저입니다. 작은 회사가 비용 거의 없이 이메일 뉴스레터로 재구매와 단골을 만드는 다섯 가지 원칙을 정리했습니다.
데스크톱, 태블릿, 모바일마다 폰트 크기를 일일이 선언하던 방식은 이제 낡았다. CSS clamp() 한 줄이면 글자가 화면 폭에 맞춰 스스로 커지고 작아진다.
가격을 숨기면 문의가 늘 거라는 기대와 달리, 요즘 고객은 가격이 안 보이는 사이트를 비교 대상에서 조용히 지운다. 작은 회사가 가격 안내 페이지를 설계하는 다섯 가지 원칙을 정리했다.
브라우저 탭, 즐겨찾기, 구글 검색 결과까지 — 16픽셀짜리 파비콘은 생각보다 많은 곳에서 회사의 얼굴이 된다. 작은 회사가 파비콘을 제대로 챙기는 다섯 가지 원칙을 정리했다.
FAQ 아코디언 하나에 자바스크립트 라이브러리를 부르던 시대는 끝났다. HTML의 details와 summary 태그, 그리고 interpolate-size 한 줄이면 부드럽게 열리는 아코디언이 완성된다.
웹사이트 제작이 늦어지는 가장 큰 원인은 기술이 아니라 콘텐츠 준비입니다. 사장님이 첫 미팅 전에 챙겨두면 제작 기간이 절반으로 줄어드는 5가지 준비물을 정리했습니다.
제품 사진 슬라이더 하나를 위해 무거운 캐러셀 라이브러리를 설치할 필요가 없습니다. CSS Scroll Snap 두 줄이면 모바일 앱처럼 착착 멈추는 슬라이드를 만들 수 있습니다.