웹사이트 제작과 디지털 마케팅에 관한 이야기
링크를 누를 때마다 화면이 하얗게 깜빡이며 끊기는 건 오래된 웹의 숙명이었습니다. 이제 View Transitions API가 무거운 자바스크립트 라이브러리 없이도 페이지 전환을 앱처럼 부드럽게 이어 줍니다.
같은 키워드로 검색해도 어떤 가게는 별점과 영업시간, 가격까지 한눈에 보이고 어떤 가게는 제목과 주소 한 줄뿐입니다. 그 차이는 광고비가 아니라 페이지에 '구조화 데이터'를 심었는지에서 갈립니다. 코드 몇 줄로 검색 결과를 눈에 띄게 만드는 다섯 가지 원칙을 정리했습니다.
손님은 '동네 + 업종'으로 네이버에 검색합니다. 그 결과 지도에 우리 가게가 없다면, 광고비를 아무리 써도 가장 가까운 고객을 놓칩니다. 네이버 플레이스를 검색의 입장권으로 만드는 다섯 가지 원칙을 정리했습니다.
홈페이지는 한 번 만들면 끝나는 간판이 아니라 계속 돌봐야 하는 가게다. 방치된 사이트가 조용히 잃는 보안·신뢰·검색 점수와, 작은 회사가 적은 품으로 홈페이지를 살아 있게 관리하는 5가지 원칙을 정리했다.
모든 버튼을 똑같이 강조하면 고객은 어디를 눌러야 할지 길을 잃습니다. 손가락을 '문의하기' 하나로 모으는 CTA 버튼 설계의 다섯 가지 원칙을 정리했습니다.
여백은 비어 있는 공간이 아니라 고객의 시선을 안내하는 설계 도구다. 작은 회사 웹사이트가 여백을 제대로 다루는 5가지 실무 원칙을 정리했다.
같은 '홈페이지 한 개'인데 견적이 회사마다 세 배씩 벌어집니다. 싼 곳이 손해는 아닌지, 비싼 곳이 바가지는 아닌지 가르는 다섯 가지 판단 기준을 정리했습니다.
광고로 새 손님을 부르기 전에, 이미 우리를 아는 손님부터 다시 부르는 게 먼저입니다. 작은 회사가 비용 거의 없이 이메일 뉴스레터로 재구매와 단골을 만드는 다섯 가지 원칙을 정리했습니다.
데스크톱, 태블릿, 모바일마다 폰트 크기를 일일이 선언하던 방식은 이제 낡았다. CSS clamp() 한 줄이면 글자가 화면 폭에 맞춰 스스로 커지고 작아진다.