웹사이트 제작과 디지털 마케팅에 관한 이야기
모바일 트래픽이 70%를 넘는 시대, 햄버거 아이콘 하나에 의존하는 네비게이션은 페이지를 보이지 않게 만듭니다. 클릭률을 높이는 모바일·데스크톱 네비게이션 설계 원칙을 정리했습니다.
회원가입 강요는 가장 비싸고 가장 흔한 이탈 요인입니다. 게스트 결제와 소셜 로그인이 어떻게 매출을 지키는지, 실전 적용 원칙을 정리했습니다.
구글은 페이지 경험을 검색 순위 신호로 쓴다. 2024년 FID가 INP로 교체되며 채점 기준은 더 까다로워졌다. LCP·INP·CLS 세 지표를 끌어올리는 실전 처방을 정리했다.
스마트스토어와 쿠팡만으로 충분했던 시기는 지나갔다. 매출이 일정 궤도에 오르면 수수료, 데이터, 고객 관계의 비용이 자사몰의 가치보다 비싸진다. 지금이 자사몰을 시작할 타이밍인지 알려주는 여섯 가지 신호를 정리했다.
브랜드 컬러 코드 한 줄만 가지고 사이트를 만들면, 강조가 묻히고 글자가 떠다니게 됩니다. 메인·보조·중립·시맨틱·표면 다섯 가지 색을 단계로 설계하는 웹사이트 컬러 시스템 짜기를 정리합니다.
홈페이지는 회사 도메인을 쓰면서 명함과 견적서에는 여전히 네이버, 다음, 지메일 주소가 적혀 있는 회사가 많습니다. 도메인 이메일을 쓰지 않아 새는 신뢰와 보안의 구멍을 짚어봅니다.
Pretendard 한 줄을 추가했을 뿐인데 페이지가 눈에 띄게 느려진다면 한글 웹폰트의 무게 때문입니다. 영문과 다르게 다뤄야 할 한글 웹폰트의 로딩 전략을 다섯 가지 실전 원칙으로 정리합니다.
엄지로 쓰는 시대, 많은 웹사이트는 여전히 PC 화면을 좁게 줄인 채 그대로 둡니다. 엄지가 닿는 영역과 닿지 않는 영역을 구분해 버튼과 네비게이션을 다시 배치하는 것이 모바일 UX의 출발점입니다.
10년 넘게 미디어 쿼리는 반응형 웹의 표준이었습니다. 그러나 뷰포트가 아니라 '놓인 자리'에 반응하는 Container Queries가 이제 모든 주요 브라우저에서 지원되며 반응형의 기준 자체를 다시 쓰고 있습니다.