웹사이트 · 포트폴리오 플랫폼
Celis — 공식 홈페이지 및 포트폴리오 플랫폼
Lighthouse SEO 100점 달성
문제 — Problem
기존 단일 소개 페이지 구조로 인해 검색 크롤러가 색인할 만한 페이지가 부족하여 롱테일 키워드를 통한 유기적 검색 유입 한계 존재.
단순한 이름/이메일 위주의 이메일 폼만 있어, 의뢰하려는 가망 고객의 기획 상태나 마감 일정 등을 필터링하여 리드 품질을 선별할 장치가 부재함.
웹사이트에 들어온 사용자가 실제로 문의에 도달하고 전환 완료하는 비즈니스 퍼널에 대한 세부 분석 데이터의 부족.
접근 — Approach
Next.js App Router의 dynamic routes를 활용해 `/blog`, `/blog/[slug]`, `/work/[id]` 등의 서브 라우트 구조를 도입하여 색인 대상 페이지 다각화.
Metadata API와 `sitemap.ts`, `robots.txt` 설정을 추가하여 빌드 타임에 전 페이지를 정적(SSG)으로 프레렌더링하고 검색 크롤러 색인 최적화.
문의 작성 페이지(`contact.tsx`)에 기획 완성도, 개발 기간을 선택하는 필드와 인풋 포커스 감지 이벤트 추가 및 GA4 `generate_lead` 전환 이벤트 연동.
실물 — Live
화면이 아니라, 실제로 접속되는 서비스입니다.
결과 — Result
서브페이지 추가 및 검색 최적화(Sitemap/Robots) 세팅으로 구글 및 네이버 검색 노출 가능 범위 확장.
마케팅 퍼널 추적 체계 구축을 통해 사용자의 유입 대비 문의 전환율(CRO)과 이탈 위치를 데이터로 파악할 수 있는 기술적 환경 완비.
이 작업의 서비스
기업 홈페이지 · 랜딩페이지
다음 케이스
Meridian Ventures — 글로벌 VC 브랜드 사이트
만들고 싶은 게 있으시면 편하게 문의해 주세요.
될지부터 솔직하게 말씀드립니다.