웹사이트 제작과 디지털 마케팅에 관한 이야기
브랜드 컬러 코드 한 줄만 가지고 사이트를 만들면, 강조가 묻히고 글자가 떠다니게 됩니다. 메인·보조·중립·시맨틱·표면 다섯 가지 색을 단계로 설계하는 웹사이트 컬러 시스템 짜기를 정리합니다.
홈페이지는 회사 도메인을 쓰면서 명함과 견적서에는 여전히 네이버, 다음, 지메일 주소가 적혀 있는 회사가 많습니다. 도메인 이메일을 쓰지 않아 새는 신뢰와 보안의 구멍을 짚어봅니다.
Pretendard 한 줄을 추가했을 뿐인데 페이지가 눈에 띄게 느려진다면 한글 웹폰트의 무게 때문입니다. 영문과 다르게 다뤄야 할 한글 웹폰트의 로딩 전략을 다섯 가지 실전 원칙으로 정리합니다.
엄지로 쓰는 시대, 많은 웹사이트는 여전히 PC 화면을 좁게 줄인 채 그대로 둡니다. 엄지가 닿는 영역과 닿지 않는 영역을 구분해 버튼과 네비게이션을 다시 배치하는 것이 모바일 UX의 출발점입니다.
10년 넘게 미디어 쿼리는 반응형 웹의 표준이었습니다. 그러나 뷰포트가 아니라 '놓인 자리'에 반응하는 Container Queries가 이제 모든 주요 브라우저에서 지원되며 반응형의 기준 자체를 다시 쓰고 있습니다.
같은 순위인데도 별점, 이미지, FAQ가 함께 노출되는 사이트는 무엇이 다를까. 구조화 데이터(JSON-LD)의 실전 적용법과 AI 검색 시대에 왜 더 중요해졌는지 정리한다.
"빨간 버튼이 더 나을 것 같아"라는 한 마디로 랜딩 페이지를 뒤엎는 회의가 반복되고 있다면, 그 결정을 증명해 줄 가장 저렴한 컨설턴트는 A/B 테스트입니다.
GSAP나 ScrollMagic 같은 무거운 라이브러리 없이도 프로 퀄리티의 스크롤 애니메이션을 CSS 한 줄로 구현할 수 있게 됐습니다. 2026년, 모든 주요 브라우저에 안착한 Scroll-driven Animations의 원리와 실무 활용법을 정리했습니다.
구글 번역 위젯 하나 붙여 두고 해외 시장을 노리는 웹사이트가 검색에도 매출에도 힘을 못 쓰는 이유, 그리고 진짜 현지화가 시작되는 지점을 정리했다.