웹사이트 제작과 디지털 마케팅에 관한 이야기
한 페이지에 강조 버튼이 여러 개라면 가장 중요한 행동이 오히려 묻혀버립니다. 버튼에 위계를 부여해 사용자의 시선을 매출로 이어지는 흐름으로 안내하는 다섯 가지 디자인 원칙을 정리했습니다.
한글은 영문보다 작아 보입니다. 본문 크기, 비율, 줄 간격, 자간, 한 줄 글자 수까지. 가독성과 신뢰도를 동시에 끌어올리는 한글 타이포그래피 위계 설계의 실전 원칙을 정리합니다.
모바일 트래픽이 70%를 넘는 시대, 햄버거 아이콘 하나에 의존하는 네비게이션은 페이지를 보이지 않게 만듭니다. 클릭률을 높이는 모바일·데스크톱 네비게이션 설계 원칙을 정리했습니다.
브랜드 컬러 코드 한 줄만 가지고 사이트를 만들면, 강조가 묻히고 글자가 떠다니게 됩니다. 메인·보조·중립·시맨틱·표면 다섯 가지 색을 단계로 설계하는 웹사이트 컬러 시스템 짜기를 정리합니다.
엄지로 쓰는 시대, 많은 웹사이트는 여전히 PC 화면을 좁게 줄인 채 그대로 둡니다. 엄지가 닿는 영역과 닿지 않는 영역을 구분해 버튼과 네비게이션을 다시 배치하는 것이 모바일 UX의 출발점입니다.
빈 화면과 돌아가는 스피너만으로는 부족합니다. 같은 3초 로딩도 어떻게 설계하느냐에 따라 체감 속도와 이탈률이 달라집니다. 스켈레톤 UI와 로딩 상태 디자인의 실전 원칙을 정리합니다.
여백은 낭비가 아니라 설계다. 가독성, 브랜드 신뢰, 전환율을 바꾸는 화이트 스페이스의 실전 적용 원칙을 정리한다.
사용자가 가장 마주하기 싫어하는 404 화면이, 사실은 브랜드를 다시 각인시킬 수 있는 가장 솔직한 무대다. 404 페이지를 왜 챙겨야 하고, 어떻게 설계해야 전환을 지킬 수 있는지 실무 관점에서 정리했다.
단순히 색상을 반전한다고 다크 모드가 완성되진 않는다. 대비와 계층을 다시 설계해야 진짜 다크 모드가 된다. 실무에서 놓치기 쉬운 5가지 포인트와 도입 체크리스트.