웹사이트 제작과 디지털 마케팅에 관한 이야기
엄지로 쓰는 시대, 많은 웹사이트는 여전히 PC 화면을 좁게 줄인 채 그대로 둡니다. 엄지가 닿는 영역과 닿지 않는 영역을 구분해 버튼과 네비게이션을 다시 배치하는 것이 모바일 UX의 출발점입니다.
10년 넘게 미디어 쿼리는 반응형 웹의 표준이었습니다. 그러나 뷰포트가 아니라 '놓인 자리'에 반응하는 Container Queries가 이제 모든 주요 브라우저에서 지원되며 반응형의 기준 자체를 다시 쓰고 있습니다.
같은 순위인데도 별점, 이미지, FAQ가 함께 노출되는 사이트는 무엇이 다를까. 구조화 데이터(JSON-LD)의 실전 적용법과 AI 검색 시대에 왜 더 중요해졌는지 정리한다.
"빨간 버튼이 더 나을 것 같아"라는 한 마디로 랜딩 페이지를 뒤엎는 회의가 반복되고 있다면, 그 결정을 증명해 줄 가장 저렴한 컨설턴트는 A/B 테스트입니다.
GSAP나 ScrollMagic 같은 무거운 라이브러리 없이도 프로 퀄리티의 스크롤 애니메이션을 CSS 한 줄로 구현할 수 있게 됐습니다. 2026년, 모든 주요 브라우저에 안착한 Scroll-driven Animations의 원리와 실무 활용법을 정리했습니다.
구글 번역 위젯 하나 붙여 두고 해외 시장을 노리는 웹사이트가 검색에도 매출에도 힘을 못 쓰는 이유, 그리고 진짜 현지화가 시작되는 지점을 정리했다.
빈 화면과 돌아가는 스피너만으로는 부족합니다. 같은 3초 로딩도 어떻게 설계하느냐에 따라 체감 속도와 이탈률이 달라집니다. 스켈레톤 UI와 로딩 상태 디자인의 실전 원칙을 정리합니다.
대부분의 느린 웹사이트는 자바스크립트가 아니라 이미지 때문에 느립니다. 포맷 선택부터 지연 로딩까지, 실무에서 바로 쓰는 이미지 최적화의 모든 것을 정리했습니다.
문의 폼에 스팸 알림이 쏟아지지만 reCAPTCHA만 붙이면 진짜 고객이 이탈한다. UX를 해치지 않고 봇을 걸러내는 실전 장치 네 가지를 규모별 조합으로 정리했다.