배경
개발자 도구 SaaS 'Stackr'의 기존 WordPress 랜딩은 느렸고 전환율이 낮았습니다. PageSpeed 점수 38점, LCP 3.8초. SEO도 거의 없는 상태였습니다.
접근 방식
기술 선택 전에 카피라이팅부터 시작했습니다. 핵심 가치 제안을 한 문장으로 압축하고, 그것을 중심으로 랜딩 구조를 설계했습니다.
기술은 Astro를 선택했습니다. 정적 생성으로 빠르고, JavaScript를 최소화해 성능을 극대화할 수 있습니다.
성능 최적화
- 이미지 전체 WebP 변환 +
loading="lazy" - 폰트 self-hosting +
font-display: swap - 중요 CSS 인라인, 나머지 지연 로드
- Cloudflare CDN + 캐시 설정
결과
| 지표 | Before | After |
|---|---|---|
| Lighthouse | 38점 | 100점 |
| LCP | 3.8초 | 0.9초 |
| 첫 달 오가닉 리드 | 없음 | 43건 |
| 이탈률 | 78% | 51% |