L'Archiste
正確な天文計算を、象徴的な営みのために。両者を決して混同することなく。
- 年
- 2026
- 制作期間
- 5週間
- 技術スタック
- React · Vite · Tailwind · Vercel
- プロダクトデザイン
- デザイン
- 開発
- 編集型SEO
Kayzen Webが開発・運営する製品です。正式なドメインに移行するまで、Vercelのプレビュー用アドレスで公開しています。
- の占術
- 12
- 送信される出生データ
- 0
- 必要な登録
- 0
解決すべき課題。
背景
L'Archisteは、数秘術、出生ホロスコープ、天体暦、そして12の占術を、無料かつ登録不要で提供するサービスです。個人の日誌は端末内に保存されます。
制約
2つの要求が相反していました。一方は正確さです。出生ホロスコープは天体暦とタイムゾーンの変換に基づいており、1分の誤差でアセンダントがずれてしまいます。もう一方は簡素さです。この市場は、けばけばしいインターフェースと、無料を装った有料サービスであふれています。
解決策
計算はエンジニアリングの問題として扱いました。基準となる天体暦、歴史的なタイムゾーン、出生地の現地時刻。そしてインターフェースは、読むための道具として扱いました。アカウントも、アップセルも、通知もありません。日誌はユーザーのブラウザ内にとどまります。
納品時に計測したスコア。
本番環境のサイトのLighthouseスコアです。数値はそのまま公開しています。低いスコアがあれば、その原因と改善計画を下に記載しており、伏せることはしません。
すべての判断に、理由がある。
意図した簡素さ
丁寧なタイポグラフィ、落ち着いた背景。星のアニメーションも紫のグラデーションもありません。ここでは視覚的な誠実さが商業的な差別化要因になります。それは、計算もまた誠実であるという約束だからです。
まず結果、解釈はその後に
ホロスコープのチャートを上部に表示し、長い解釈はセクションごとに折りたたんでいます。チャートを読めるユーザーが、3画面分のテキストを通り抜ける必要はありません。
プライベートな日誌、そのことを明記
日誌は端末内に保存され、インターフェースはそのことを明示しています。書き出しと削除はワンクリックで行えます。これほど私的な内容について、保存場所があいまいであれば、それは設計上の欠陥です。
プロジェクトのカラーパレット
ディープナイト
#131024
背景
ペールゴールド
#D9C27E
象徴的なアクセント
アイボリー
#F2EDE4
テキスト
プラム
#5B3A63
セクション
タイポグラフィ体系
見出し用書体
Cormorant Garamond
本文用書体
Inter 400
見出しにはセリフ体、長文にはサンセリフ体。象徴的な雰囲気を出しつつ、解釈文の読みやすさは犠牲にしません。
その裏側にある技術。
- React
- Vite
- Tailwind
- Vercel
ブラウザ内での計算
天体暦と惑星の位置はクライアント側で計算されます。生年月日が送信されることはありません。このサービスで最も機密性の高いデータは、決して端末の外に出ません。
歴史的なタイムゾーン
1978年にアルジェで生まれた人の時刻は、現在の時差では変換できません。歴史的なタイムゾーンのデータベースを組み込んでいます。正確なツールとおもちゃを分けるのは、こうした細部です。
ローカル保存のみ
日誌と保存したホロスコープはブラウザのストレージにあり、JSONで書き出せます。データベースがないので、届け出るべきデータ処理もありません。
検索で見つけてもらうための仕組み。
約束より解説のコンテンツ
解説ページでは、それぞれの占術が実際に何を計算しているのかを説明しています。このコンテンツは好奇心から生まれるクエリを捉え、説明せずに約束ばかりする市場の中で際立ちます。
誰もが使えるように。
2025年6月から、欧州アクセシビリティ法（European Accessibility Act）により、多くのオンラインサービスにデジタルアクセシビリティが義務づけられています。当社は後から対応するのではなく、設計段階から取り組んでいます。
ホロスコープのチャートをテキストで説明
円形のチャートには天体の位置を示す表を併記しています。これがなければ、スクリーンリーダーの利用者には結果のすべてが見えなくなります。
納品したもの。
- トップ
- 出生ホロスコープ
- 数秘術
- 天体暦
- 12の占術
- 日誌
プロジェクトの流れ。
計算
天体暦、歴史的なタイムゾーン、既知の事例による検証。
インターフェース
チャート、位置の表、折りたたみ式の解釈。
日誌
ローカル保存、書き出し、削除。
