L'Archiste
정확한 천문 계산을 상징적인 실천에 — 둘을 결코 혼동하지 않고.
- 연도
- 2026
- 제작 기간
- 5주
- 기술 스택
- React · Vite · Tailwind · Vercel
- 프로덕트 디자인
- 디자인
- 개발
- 에디토리얼 SEO
Kayzen Web이 개발·운영하는 제품으로, 정식 도메인으로 옮기기 전까지 Vercel 미리보기 주소에서 제공됩니다.
- 가지 점술
- 12
- 전송되는 출생 데이터
- 0
- 회원가입
- 0
해결해야 했던 과제.
배경
L'Archiste는 수비학, 출생 차트(네이탈 차트), 천체력, 그리고 열두 가지 점술을 회원가입 없이 무료로 제공하며, 기기에 저장되는 개인 일지 기능도 있습니다.
제약
서로 모순되는 두 가지 요구. 한쪽은 정확성입니다. 출생 차트는 천체력과 시간대 변환에 기반하며, 1분의 오차가 상승궁을 바꿔 놓습니다. 다른 쪽은 절제입니다. 이 시장은 요란한 인터페이스와 무료를 가장한 유료 상품으로 넘쳐 납니다.
해법
계산은 엔지니어링 문제로 다뤘습니다. 기준 천체력, 과거 시간대, 출생지 현지 시각. 인터페이스는 읽기 위한 도구로 다뤘습니다. 계정도, 업셀도, 알림도 없습니다. 일지는 사용자의 브라우저 안에 머뭅니다.
납품 시점에 측정한 점수.
운영 중인 사이트의 Lighthouse 점수입니다. 있는 그대로 공개합니다. 낮은 점수가 있으면 그 원인과 개선 계획을 아래에 적어 두었으며, 감추지 않습니다.
모든 선택에는 이유가 있습니다.
당당한 절제
정성 들인 타이포그래피, 차분한 배경, 반짝이는 별도 보라색 그라데이션도 없습니다. 여기서 시각적 진지함은 상업적 차별점입니다. 계산 역시 진지하다는 약속이기 때문입니다.
결과가 먼저, 해석은 그다음
차트는 맨 위에 표시되고, 긴 해석은 섹션별로 접혀 있습니다. 차트를 읽을 줄 아는 사용자가 세 화면 분량의 글을 지나갈 필요가 없습니다.
비공개 일지, 명시적으로
일지는 기기에 저장되며, 인터페이스가 이를 분명히 밝히고 내보내기와 삭제를 클릭 한 번 거리에 둡니다. 이토록 사적인 콘텐츠에서 저장 방식이 모호하다면 설계상의 결함입니다.
프로젝트 색상 팔레트
딥 나이트
#131024
배경
페일 골드
#D9C27E
상징적 강조
아이보리
#F2EDE4
텍스트
플럼
#5B3A63
섹션
타이포그래피 체계
제목용 서체
Cormorant Garamond
본문용 서체
Inter 400
제목에는 세리프를, 긴 글에는 산세리프를 썼습니다. 상징적인 분위기를 살리면서도 해석의 가독성을 희생하지 않습니다.
보이지 않는 곳의 기술.
- React
- Vite
- Tailwind
- Vercel
브라우저 안에서의 계산
천체력과 행성 위치는 클라이언트 측에서 계산됩니다. 생년월일은 어디에도 전송되지 않습니다. 이 서비스에서 가장 민감한 데이터가 기기를 떠나지 않습니다.
과거 시간대
1978년 알제에서의 출생은 오늘날의 시차로 변환할 수 없습니다. 과거 시간대 데이터베이스를 내장했습니다. 정확한 도구와 장난감을 가르는 디테일입니다.
로컬 저장만
일지와 저장한 차트는 브라우저 저장소에 있으며, JSON으로 내보낼 수 있습니다. 데이터베이스가 없으니 신고할 데이터 처리도 없습니다.
사이트가 검색되는 방식.
약속보다 설명하는 콘텐츠
기초 페이지는 각 점술이 실제로 무엇을 계산하는지 설명합니다. 이 콘텐츠는 호기심에서 나온 검색어를 잡고, 설명 없이 약속만 하는 시장과 차별화됩니다.
누구나 사용할 수 있도록.
2025년 6월부터 유럽 접근성법(European Accessibility Act)에 따라 상당수 온라인 서비스에 디지털 접근성이 의무화되었습니다. 저희는 사후 보완이 아니라 설계 단계에서부터 접근성을 다룹니다.
텍스트로 설명한 차트
원형 그래픽에 위치를 담은 표를 함께 제공합니다. 그렇지 않으면 스크린 리더 사용자에게 결과 전체가 보이지 않습니다.
납품한 결과물.
- 홈
- 출생 차트
- 수비학
- 천체력
- 열두 가지 점술
- 일지
프로젝트 진행 과정.
계산
천체력, 과거 시간대, 알려진 사례로 검증.
인터페이스
차트, 위치 표, 접히는 해석.
일지
로컬 저장, 내보내기, 삭제.
