GDPR 준수 & SaaS

Konsent by Kayzen

배너 제공업체가 배너를 감사하면 심판과 선수를 겸하게 됩니다. 독립성이 곧 제품이었습니다.

연도
2026
기술 스택
Next.js · React · TypeScript · Tailwind · Vercel
  • 포지셔닝
  • 디자인
  • 개발
  • 테크니컬 SEO
  • 카피라이팅
https://konsent.kayzen-lyon.com/
Konsent by Kayzen 웹사이트 메인 페이지 — GDPR 준수 & SaaS, Kayzen Web 제작
개의 공개·버전 관리 규칙기준 체계 2026.08.2, 계정 없이 열람 가능
139
곳의 수신자를 프랑스어로 설명각각 최종 모회사까지 추적
69
단계로 이루어진 분석동의 전, 거부 후, 수락 후
3
로딩 시 쿠키 및 외부 도메인홈에서 측정
0
출발점

해결해야 했던 과제.

배경

Konsent는 Kayzen Web의 GDPR 감사 플랫폼입니다. Axeptio, Didomi, OneTrust, Cookiebot, tarteaucitron 같은 동의 관리 플랫폼을 설치했지만, 그 배너 뒤에서 사이트가 실제로 무엇을 저장하는지 확인할 방법이 없는 사이트 책임자를 위한 서비스입니다. 이 사이트는 제품의 쇼윈도이자 무료 감사의 진입점입니다.

제약

컴플라이언스 시장은 공포를 팝니다. 2천만 유로라는 과징금 상한을 내걸고 거기서 멈춥니다. 대상 고객인 중소기업 경영자, DPO, 에이전시는 이런 방식을 경계하게 되었고, DPO는 출처를 확인합니다. 그래서 이 제품이 고발하는 수법을 쓰지 않고 컴플라이언스 제품을 파는 사이트, 법률가도 개발자도 아닌 경영자도 읽을 수 있는 사이트가 필요했습니다.

해법

사이트를 관통하는 규칙은 단 하나였습니다. 방문자가 스스로 검증할 수 없는 것은 아무것도 주장하지 않는다. 139개 규칙으로 된 기준 체계는 계정 없이 열람할 수 있고, 규칙마다 근거 조항과 알려진 한계를 밝힙니다. 금액은 결코 단독으로 제시하지 않습니다. 법정 상한은 언제나 간이 절차에서 실제로 부과된 범위, 그리고 시정 비용과 함께 표시됩니다. 그리고 사이트는 자신이 측정하는 기준을 스스로에게 적용합니다. 쿠키 0개, 외부 도메인 0개.

디자인 & 아트 디렉션

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

  1. 업계가 어두울 때, 밝게

    보안·컴플라이언스 도구는 터미널을 흉내 내어 거의 모두 다크 테마로 나옵니다. Konsent는 반대를 택했습니다. 흰 배경, #1F2937 잉크, 테라코타 강조색 하나. 감사 보고서는 오래 읽고, 인쇄하고, 법률가에게 전달하는 문서입니다. 여기서는 도구의 관습보다 문서의 관습이 우선합니다.

  2. 핵심 논거가 된 분석 로그

    히어로 영역에는 자물쇠 일러스트가 아니라 감사 로그가 흘러가는 콘솔이 있습니다. 로딩 단계, 저장된 추적기, 수신자의 관할권. 이 블록에는 “데모용 로그이며 실제 관찰 결과를 대표함”이라는 표기가 붙어 있습니다. 데모를 실측 기록처럼 보여 주는 것이야말로 이 제품이 다른 이들을 비판하는 수법이기 때문입니다.

  3. 숫자는 셋, 결코 하나가 아니게

    노출 위험 시뮬레이터는 언제나 제83조 5항의 법정 상한, 간이 절차에서 관찰된 범위, 추정 시정 비용을 함께 보여 줍니다. 상한만 따로 보여 주면 당장은 더 잘 팔리겠지만, 쿠키 사건 대부분이 간이 절차로 처리된다는 것을 아는 DPO는 그 순간 탭을 닫습니다.

  4. 그룹 전체와 공유하는 타이포그래피

    제목에는 Outfit, 본문에는 Plus Jakarta Sans. kayzen-lyon.com과 같은 서체 패밀리입니다. 헤더에 “by Kayzen” 배너를 달지 않아도 자사 제품들이 하나의 라인업으로 인식되며, 두 폰트는 Google Fonts 호출 없이 자체 도메인에서 제공됩니다.

프로젝트 색상 팔레트

  • 페이퍼

    #FFFFFF

    페이지 배경

  • 잉크

    #1F2937

    본문과 제목

  • 테라코타

    #B74831

    주요 행동 유도와 강조

타이포그래피 체계

제목용 서체

Outfit

본문용 서체

Plus Jakarta Sans

Kayzen 그룹의 두 서체 패밀리를 자체 도메인에서 제공합니다. 분석 로그는 시스템 고정폭 폰트 스택을 쓰므로, 이를 표시하려고 추가 폰트를 내려받지 않습니다.

엔지니어링

보이지 않는 곳의 기술.

  • Next.js
  • React
  • TypeScript
  • Tailwind
  • Vercel
  1. 정적 렌더링의 Next.js

    페이지는 빌드 시 생성되어 Vercel의 CDN에서 제공됩니다. 기준 체계가 새 버전이 될 때만 콘텐츠가 바뀌는 제품 쇼케이스는 요청마다 계산할 것이 없습니다. 상시 서버 렌더링은 지연 시간과 공격 표면만 늘릴 뿐입니다.

  2. 쿠키 0개, 외부 도메인 0개, 검증 완료

    홈 로딩 시 측정 결과: 기록된 쿠키 없음, 로컬·세션 스토리지 항목 없음, 호출된 네트워크 출처는 konsent.kayzen-lyon.com 하나뿐. 다른 사이트가 심은 추적기를 측정하는 도구라면, 기술에 밝은 잠재 고객이 가장 먼저 네트워크 탭을 열어 확인할 부분입니다.

  3. 기본적으로 닫혀 있는 보안 헤더

    Content-Security-Policy는 default-src 'self'로, 이미지와 폰트에 어떤 외부 출처도 허용하지 않습니다. preload를 포함한 2년 HSTS, X-Frame-Options는 DENY, Permissions-Policy는 카메라·마이크·위치 정보를 막고 interest-cohort와 browsing-topics를 명시적으로 거부합니다. 코호트 기반 타기팅을 거부하는 것은 장식이 아니라 일관성의 문제입니다.

  4. 두 개의 엔진, 그리고 어느 쪽이 실행됐는지 밝히는 사이트

    정적 엔진은 JavaScript를 실행하지 않고 제공된 문서, HTTP 헤더, DNS 체인, 법률 고지 페이지를 읽습니다. 브라우저 워커는 일회용 컨테이너에서 자동 제어되는 Chromium으로 전체 절차를 재현하며, 단계마다 새로운 컨텍스트를 씁니다. 모든 보고서에는 사용한 모드와 그 모드로 평가하지 못한 규칙 목록이 표시됩니다. 검증하지 못한 규칙은 결코 충족된 것으로 집계되지 않습니다.

검색엔진 최적화

사이트가 검색되는 방식.

  1. 반론을 검색어로

    “동의 전 쿠키 저장”, “문서화되지 않은 EU 역외 이전”, “쿠키 배너만으로 충분한가”. 강한 의도와 정확한 어휘를 가진 퍼널 중간 단계의 검색어입니다. “GDPR”로 포지셔닝했다면 로펌들, 그리고 CNIL(프랑스 개인정보보호위원회) 자체와 정면으로 경쟁하면서 구매 의도 없는 트래픽을 얻었을 것입니다.

  2. 색인 가능한 표면이 된 기준 체계

    139개 규칙을 공개했고, 규칙마다 근거 조항, 결정문, 구체적 쟁점을 담아 계정 없이 열람할 수 있습니다. 제품의 독립성을 보여 주는 논거인 동시에, 검색 엔진과 AI 어시스턴트가 규칙 단위로 인용할 수 있는 자료입니다. 로그인 뒤에 숨은 기준 체계는 아무런 노출도 만들지 못합니다.

  3. 날짜와 상태가 표시된 법령 모니터링

    모니터링 페이지의 모든 문서에는 시행 중, 판례, 법안, 철회 등의 상태가 표시됩니다. “Digital Omnibus” 법안은 채택되지 않은 제안으로 올라 있습니다. 언어 모델은 발표된 개혁안을 이미 시행 중인 것처럼 옮기곤 합니다. 둘을 명시적으로 구분하는 출처가 현행법에 대한 질문에서 인용되는 출처입니다.

웹 접근성

누구나 사용할 수 있도록.

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

  1. 색 없이도 읽히는 감사 결과

    지적 사항의 심각도는 색 점만이 아니라 [CRIT], [WARN], [INFO] 레이블로 표시됩니다. 색으로만 읽히는 컴플라이언스 보고서는 WCAG 1.4.1 기준을 통과하지 못하며, 컴플라이언스 담당 팀에 파는 도구로서 변명하기 어려운 일입니다.

  2. 키보드만으로 쓸 수 있는 감사 양식

    동선의 유일한 필드인 분석할 사이트 주소에는 레이블, 기대 형식, 필드와 연결된 오류 메시지가 있으며, 페이지 어디서든 탭 키로 도달할 수 있습니다. 사이트의 유일한 전환 경로이므로 마우스에 의존할 수 없었습니다.

사이트 구조

납품한 결과물.

  • 홈 — 문제 제기, 시뮬레이터, 무료 감사
  • 기능 — 엔진, 기준 체계, 수신자 데이터베이스
  • 모니터링 — 기준 분석과의 비교
  • 기준 체계 — 출처와 버전을 갖춘 139개 규칙
  • 법령 모니터링 — 시행 중인 것과 논의 중인 것
  • 무료 도구와 요금
질문

자주 받는 질문.

동의 관리 플랫폼은 등록된 것만 감시하기 때문입니다. 외부 업체가 삽입한 픽셀도, 배너가 뜨기 전 2초 동안 저장되는 것도 보지 못합니다. 바로 그 지점이 프랑스에서 가장 많이 제재받는 위반 사항입니다.

배너를 만드는 회사가 배너를 감사하면 심판이자 선수가 되기 때문입니다. 경쟁사가 자사 제품을 포기하지 않고는 따라 할 수 없는 유일한 강점이며, 그래서 이 점을 페이지 하단에 적는 대신 사이트 포지셔닝 전체의 뼈대로 삼았습니다.

아닙니다. 사이트는 모든 보고서에서 이를 밝힙니다. Konsent는 근거와 한계를 갖춘 사실 기반의 지적 사항을 제시합니다. 위반의 법적 판단과 위험 평가는 변호사나 DPO의 몫입니다.

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

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

공유