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