In active use

Case Study · Solo Project

Starchart — a practitioner-facing tool for professional astrology.

End-to-end product design: service design, data visualization, design systems, and full UX — built from scratch and in active daily use. A rare case where all four practice areas appear in one body of work.

Role
Solo Designer & Engineer
Duration
2023–present
Status
In active use · Closed beta
Disciplines
Service Design · Data Viz · Design Systems · UX

Professional astrology practice has a production problem that no existing tool solves well. The tools that handle chart calculation are technically precise but not designed for client-facing output. The tools that look good don't understand astrological data. And the practitioner's reference materials live somewhere else entirely.

Before Starchart, producing a single astrocartography report meant: generate chart positions in Astro Gold, recreate them as polished visuals in Figma, switch back to Astro Gold for the map view, cross-reference interpretations against a personal Notion database, navigate to a separate tool for cleaner map rendering, take zoomed screenshots, manually annotate context, and finally assemble everything into a client document. Every step was a context switch. Every tool solved one thing. Nothing talked to anything else.

Section 01 · UX Case Study

From Patchwork to Practice

The full product design story

The core challenge was not "how do we make astrology software." It was: how do we design a writing environment where the data, the maps, the reference library, and the practitioner's own voice all coexist in a single space?

Starchart has an unusual actor structure for an internal tool: the practitioner is the primary user, but the client is the downstream recipient of the service artifact — the report. The practitioner's experience is almost entirely backstage. The client never sees the tool; they receive the output.

This two-sided dynamic shaped every design decision. The interface had to serve deep professional work; the output had to communicate clearly to someone with no astrological training.

Report Editor — Full Interface Macro Library Panel
Slash command menu — structured data blocks inserted inline via /ac command Place Callout modal — city input with automatic nearby ACG line detection

The editor uses a slash command paradigm to insert structured data blocks — ACG line tables, place callouts, chart positions — directly into the writing flow. Each command opens a focused modal for configuration before inserting into the document.

The product produces two report types today: Natal reports, which interpret a person's birth chart, and Relocation reports, which use astrocartography to map where different planetary energies manifest geographically. Synastry and event reports are on the roadmap.

The tool is in active daily use with real clients. A closed beta with additional practitioners is underway by invitation.

Section 02 · Data Visualization

One Line at a Time

Visualization in service of voice

A full astrocartography map shows every planetary line for every planet simultaneously, across the entire globe. It's comprehensive and overwhelming. Starchart's map works differently.

Each map block in a report is a single focused snapshot — one line, one region — configured by the practitioner before the report is written, and captioned in their voice. The map style is a dark Mapbox theme: deep charcoal land, muted borders, subdued city labels. Not for atmosphere — to suppress visual noise. The planetary line is the focus.

A single dashed colored line runs through the frame. A labeled chip identifies it directly on the map. Below, a caption in the practitioner's words frames what the reader is looking at. The client doesn't need to navigate, compare, or interpret a legend. They read the paragraph, see the place, see the line, read what it means.

A link beneath each map opens a full interactive version for clients who want to zoom, pan, or explore neighboring lines. Static by default keeps the report fast and readable; interactive on demand respects the client's curiosity without imposing it.

Map Module — Single Line View

Each map snapshot is configured and captioned by the practitioner in context, at the moment the interpretation is being written.

The chart wheel visualizes planetary positions across the twelve zodiac signs and twelve houses at the moment of birth. In the writing context, it functions as an embedded artifact: clean, black-and-white, labeled with the client's name. It orients the reader to the practitioner's source material without becoming the subject of the document. The chart is context; the prose is content.

The most important visualization principle in Starchart is what it doesn't do. The report the client receives is not a chart dump or a data table. It is written interpretation. Data visualizations serve the writing; the writing doesn't serve the data.

Chart Wheel

The before-state required navigating to a separate tool, zooming to the right area, screenshotting, manually noting context so the screenshot would make sense later, and then re-integrating everything into a document.

The Configure + Recapture workflow in Starchart collapses that into one decision made inside the writing environment, in context, at the moment the interpretation is being written.

Section 03 · Design Systems

Zen Editor

A design language for ontology-aware writing environments

Zen Editor was designed not just to serve Starchart, but to define a reusable design language for a category of tool that doesn't have one yet: contemplative research and writing environments that work with specialized symbolic systems.

The astrology implementation is the first. The architecture is designed for future ontologies — somatics, depth psychology, ritual design. Documenting future ontologies in advance of building them is itself a design act: it defines the shape of the system before the system exists.

The visual language draws from neobrutalist design: bold accent colors applied with confidence, hard-edged black borders, offset shadows without gradients, and an 8px spacing grid with generous whitespace. The system explicitly rejects the visual tropes common in astrology software — no neon cosmic gradients, no crystal imagery, no mystical clichés. The goal is an interface that feels like a professional research instrument, not a consumer wellness app.

Zen Editor Design System
Section 04 · Service Design

The Two-Sided Backstage

Making the invisible structure visible

Most internal tools have one actor. Starchart has two. The practitioner uses the tool; the client receives the output. Making this two-sided structure explicit through service design methods created a shared reference for evaluating every design decision.

The core flow: The practitioner begins by adding a client with birth data. The system generates chart positions and populates planetary data. The practitioner opens the report editor — a writing environment with chart data and client context alongside the long-form interpretation document, with an interpretation library available for reference. For relocation reports, the editor surfaces a configured map view as an embedded block. Interpretations are written in freeform prose, with structured data blocks — map snapshots, chart wheels, planetary reference chips — woven into the document as the practitioner writes.

Starchart core user flow — practitioner report production pipeline showing intake, generation, writing, review, and delivery phases across practitioner, system, and client swim lanes

The service design work on Starchart began as a structured way to surface and articulate decisions that had already been made intuitively — and to identify where the practitioner experience and client experience diverged in ways that had design implications.

The service blueprint maps the client journey (minimal: intake, wait, receive, read), the practitioner's frontstage actions (intake, scoping, delivery), the backstage production work (chart generation, map configuration, interpretation writing, report assembly), and the supporting systems. The most revealing finding was the asymmetry: the client's journey is short and simple; the practitioner's backstage is where all the complexity lives.

Starchart's entire value proposition is backstage optimization — reducing friction in the production process so the practitioner can spend more time on interpretation and voice, which is what clients are actually paying for.

Service Design Framework

Five swim-lane service blueprint, actor map, experience principles, deliverables register, and KPIs — styled in Starchart's neobrutalist design system.

View full service design framework →
01
Geography as organizing logic
The map is primary, not supplemental. Both the tool and the report organize by place.
02
Voice-forward, data-assisted
Interpretation leads, data supports. The tool feels like a studio, not a form.
03
Macro as springboard
Saved interpretations are starting points, not scripts. The library lowers the cost of starting.
04
Invisible backstage
The tool's complexity should not be visible in the output. The report is the only thing the client sees.
05
Progressive disclosure
Clients receive only what they need to understand the report, with interactive depth available on demand.
06
Practitioner sovereignty
The tool serves the practitioner's judgment, not the other way around.
Next case study
Delta at AKQA — Designing at the scale of an airline