SaaS & SEO 도구

Nexus SEO

설득할 시간은 30초: 무료 진단이 가입 전에 가치를 보여 줘야 했습니다.

연도
2026
제작 기간
8주
기술 스택
React · TypeScript · Supabase · Tailwind · Vercel
  • 프로덕트 디자인
  • 인터페이스 디자인
  • 개발
  • 데이터베이스
  • SEO
https://nexus.kayzen-lyon.com
Nexus SEO 웹사이트 메인 페이지 — SaaS & SEO 도구, Kayzen Web 제작
진단 소요 시간
30초
사이트의 Lighthouse SEO 점수
100/100
감사에 필요한 회원가입
0
출발점

해결해야 했던 과제.

배경

Nexus는 생성형 검색 엔진 시대에 맞춘 Kayzen Web의 SEO 감사 플랫폼입니다. 전통적인 SEO를 넘어 GEO, AEO, LLMO 가시성, 즉 AI 어시스턴트가 사이트에서 무엇을 보고 무엇을 인용하는지를 측정합니다.

제약

SEO 도구 시장은 포화 상태이고 표준도 굳어 있습니다. 필수 회원가입, 제한된 체험판, 잠긴 보고서. 차별화하려면 이 계약을 뒤집어야 했고, 결코 가입하지 않을 방문자가 실행하는 분석 비용까지 감당해야 했습니다.

해법

감사는 계정 없이 실행되며, 약 30초 만에 완전한 진단을 돌려줍니다. 회원가입은 기록을 보관하고 변화를 추적할 때만 요청합니다. 접근이 아니라 기억을 파는 것입니다. 가입 장벽을 둘 때보다 전환율은 낮지만, 가입하는 사람들의 의도는 비교할 수 없이 강합니다.

주장이 아닌 측정

납품 시점에 측정한 점수.

운영 중인 사이트의 Lighthouse 점수입니다. 있는 그대로 공개합니다. 낮은 점수가 있으면 그 원인과 개선 계획을 아래에 적어 두었으며, 감추지 않습니다.

PageSpeed
85
성능: 100점 만점에 85점
94
접근성: 100점 만점에 94점
100
권장사항: 100점 만점에 100점
100
검색엔진 최적화: 100점 만점에 100점
디자인 & 아트 디렉션

모든 선택에는 이유가 있습니다.

  1. 첫 화면에 입력 필드 하나

    URL 하나, 버튼 하나. 홈 전체가 이 단일 행동을 중심으로 구성되어 있습니다. 기능 설명은 다시 찾아오는 방문자를 위해 아래쪽에 두었고, 결코 핵심 행동보다 앞서지 않습니다.

  2. 상품이 된 보고서

    감사 보고서에 마케팅 페이지만큼 공을 들였습니다. 영향도에 따른 문제의 위계, 바로 실행할 수 있는 표현, 수정된 코드 예시. 사용자가 팀에 공유하는 것이 이 문서이므로, 판매하는 것도 이 문서입니다.

  3. 채워진 기다림

    분석하는 30초 동안 인터페이스는 진행 중인 단계(크롤링, 렌더링, 구조화 데이터, AI 인용)를 알려 줍니다. 아무 말 없는 진행 막대였다면 같은 시간에 이탈은 두 배였을 것입니다.

프로젝트 색상 팔레트

  • 나이트

    #0F172A

    앱 배경

  • 인디고

    #4F46E5

    주요 행동 유도

  • 민트

    #10B981

    성공, 기준 충족 점수

  • 앰버

    #F59E0B

    경고

타이포그래피 체계

제목용 서체

Inter 700

본문용 서체

Inter 400

모든 점수 표의 숫자는 tabular-nums로 표시합니다. 점수가 바뀌어도 열이 밀려서는 안 됩니다.

엔지니어링

보이지 않는 곳의 기술.

  • React
  • TypeScript
  • Supabase
  • Tailwind
  • Vercel
  1. React + Supabase

    인증, 감사 결과 저장, 행 단위 접근 정책(RLS)을 Supabase에서 처리합니다. 어떤 계정의 데이터도 다른 계정이 읽을 수 없으며, 이 규칙은 클라이언트가 아니라 데이터베이스가 강제합니다.

  2. 서버 함수로 분리한 분석

    외부 사이트 크롤링은 브라우저에서 할 수 없습니다(CORS, 실행 시간, 보안). 분석은 최대 실행 시간과 IP 주소별 속도 제한이 걸린 서버 함수에서 돌아갑니다.

  3. 첫날부터 남용 방지

    계정 없는 무료 도구는 표적이 됩니다. IP별 제한, 대기열, 반복 도메인 탐지. 서비스는 열려 있되, 남을 위한 무료 크롤러가 되지는 않습니다.

검색엔진 최적화

사이트가 검색되는 방식.

  1. 도구가 곧 자신의 논거

    Nexus 마케팅 사이트는 Lighthouse SEO 감사에서 100점 만점에 100점을 받습니다. 잠재 고객이 가장 먼저 확인하는 부분이며, 만약 실패했다면 그들이 결론을 내리는 것도 당연합니다.

  2. GEO, AEO, LLMO에 관한 콘텐츠

    최근 등장했고 프랑스어로는 자료가 적어 경쟁도 적은 세 가지 개념입니다. 해설 페이지는 탐색 의도를 잡고, AI 어시스턴트의 답변에 재료를 제공합니다.

웹 접근성

누구나 사용할 수 있도록.

2025년 6월부터 유럽 접근성법(European Accessibility Act)에 따라 상당수 온라인 서비스에 디지털 접근성이 의무화되었습니다. 저희는 사후 보완이 아니라 설계 단계에서부터 접근성을 다룹니다.

  1. 음성으로 안내되는 결과

    분석 완료를 라이브 영역으로 알립니다. 그렇지 않으면 스크린 리더 사용자는 자신에게는 아무것도 바뀌지 않은 페이지에 머물게 됩니다.

사이트 구조

납품한 결과물.

  • 홈과 빠른 감사
  • 감사 보고서
  • GEO / AEO / LLMO
  • 요금
  • 계정과 기록
방법론

프로젝트 진행 과정.

  1. 범위 설정

    가입 장벽 없는 모델 선택, 실행 비용 산정.

  2. 엔진

    크롤링, 렌더링, 추출, 채점.

  3. 인터페이스

    단일 입력 필드, 채워진 기다림, 공유 가능한 보고서.

  4. 계정

    Supabase, RLS, 기록과 추적.

질문

자주 받는 질문.

네, 처음부터 기술적으로 울타리를 친다면요. IP별 제한, 대기열, 최대 실행 시간. 감사 한 번의 비용은 알려져 있고 낮습니다. 통제되지 않은 남용의 비용은 그렇지 않습니다.

같은 수준의 기준을, 귀하의 사이트에도.

현재 사이트 무료 진단, 24시간 이내 견적, 그리고 방금 읽으신 것과 같은 서면 분석을 제공합니다. 3회 무이자 분할 결제가 가능하며, 이용 가능한 지역 지원금은 계약 전에 확인합니다.

공유