랜딩페이지 리뉴얼

인턴 시절 맡은 첫 프로젝트. 모바일 반응형과 SEO에 집중해 Lighthouse 49점을 95점으로 끌어올리고 검색 1페이지 노출을 만들었습니다.

Next.js
TypeScript
Tailwind

문제

회사 신제품 출시에 맞춰 소개 페이지를 새로 만들어야 했습니다. 개발 후 측정한 Lighthouse 점수는 49점이었고, URL 변경으로 검색 순위가 2페이지까지 밀려 있었습니다.

무엇을 했나

성능 개선

Webpack 플러그인으로 모든 이미지를 WebP로 변환하고, 비디오는 CDN으로 분리해 번들 사이즈를 줄였습니다. 모바일 반응형 레이아웃을 함께 다듬었습니다.

SEO 개선

전체 이미지에 alt 속성을 추가하고 meta 태그(OG, Twitter), sitemap, robots.txt를 적용했습니다.

성과

Lighthouse 49점 → 95점
업데이트 2주 만에 검색 순위 2페이지 → 1페이지 첫 번째 노출
처음 쓰는 TypeScript·Next.js를 매주 개발 회의 발표로 학습하며 완주