웹사이트 제작과 디지털 마케팅에 관한 이야기
주소창의 자물쇠 아이콘 하나가 고객의 신뢰를 가른다. 작은 회사가 SSL 인증서 만료와 혼합 콘텐츠 같은 함정을 피하고 안전한 사이트를 유지하는 5가지 원칙을 정리했다.
전주에서 3대째 합죽선을 만드는 공방의 브랜드 사이트를 만들며, 살의 펼침과 합죽의 결을 화면의 호흡 안으로 옮기려 했던 과정을 정리했다.
GSAP, AOS, Intersection Observer로 짜던 스크롤 인터랙션이 이제 CSS 한 줄로 끝난다. animation-timeline이 작은 회사 사이트의 스크롤 경험을 어떻게 바꾸는지 정리했다.
영문 폰트는 멋진데 한글이 끼는 순간 균형이 무너지는 사이트가 많다. 작은 회사 웹사이트가 한글 가독성, 위계, 파일 크기, 라이선스까지 챙기는 폰트 선택의 5가지 원칙을 정리했다.
도메인은 한 번 사두면 끝나는 자산이 아니라 매년 임대료를 내야 유지되는 임대 계약에 가깝다. 만료·이전·명의 분실로 사이트를 통째로 잃는 일이 작은 회사에서 자주 벌어진다. 사장님이 도메인을 안전하게 지키는 5가지 원칙을 정리한다.
사이트를 통째로 갈아엎지 않고도 매출을 끌어올릴 수 있다. 가설부터 표본 크기, 측정 지표, 기록까지 작은 회사가 흔들리지 않고 굴리는 A/B 테스트 다섯 가지 원칙을 정리했다.
고객이 사이트 안에서 다른 페이지로 넘어갈 때마다 화면이 흰 배경부터 다시 그려진다. 이 깜박임 한 번이 같은 브랜드 안에 있다는 감각을 흩뜨린다. View Transitions API는 자바스크립트 라이브러리 없이 페이지 전환을 한 장면처럼 이어 그려주는 새로운 웹 표준이다.
고객이 처음 마주치는 텅 빈 화면이 곧 우리 사이트의 첫인상이 됩니다. 검색 결과 없음, 장바구니 비어 있음, 첫 로그인 화면 같은 빈 상태(Empty State)를 어떻게 설계해야 이탈 없이 다음 행동으로 이어지는지, 작은 회사가 바로 적용할 수 있는 5가지 원칙을 정리했습니다.
고객은 '○○동 맛집'을 검색하고 지도 상위 몇 곳만 눌러봅니다. 광고비를 더 쓰기 전에 네이버 플레이스의 정보, 키워드, 리뷰, 소식, 예약 기능을 손보면 같은 노력으로 더 많은 방문을 만들 수 있습니다.