Mystic
Back

Astrocora·2026

Astrocora

(Overview) 01

Astrocora connects people with astrology, tarot and clairvoyance experts through phone consultations, with free first minutes and per-minute billing. We designed and built the complete product: the public site, phone-code access, the client area and the professional portal, 40 screens under one celestial visual identity.

Client

Astrocora

Year

2026

Services

Design, Development

Deliverables

Product design, Design system, UI/UX design, Frontend build

The Challenge

The esoteric vertical is saturated with sites that look untrustworthy. Astrocora needed the opposite: an elegant, calm interface that inspires confidence to enter a phone number and a card, while handling real marketplace complexity: minute balances, recordings, appointments, dynamic rankings, VoIP call routing and professional verification.

The Approach

A dark forest-green canvas with champagne gold as the only brand accent, Cormorant Garamond for display and figures, and Jost for the interface, all specified in a living design-system page with tokens. On top of it: a 'Surprise me' blind-date flow where the universe picks your expert, affinity-scored expert cards, and two working dashboards, one per side of the marketplace.

40

screens designed & built

3

areas: public, client & professional

1

token-based design system

astrocora.com

(Brand & Design System) 02

One celestial identity holds 40 screens together: deep forest-green surfaces with champagne gold as the only brand accent, semantic colors reserved for states, Cormorant Garamond for display (italic marks the key word in gold) and Jost for the interface. Everything is specified as tokens in a living design-system page that consumes the product's real styles.

Palette

fondo#0A120E
tarjeta#111D16
oro#C9A76C
oro claro#E7CD9A
oro profundo#9A7B47
éxito#8FC7A4
aviso#E0B36A
error#D98A7E

Typography

Cormorant Garamond

Despierta tu destino · 0123456789

display y cifras (la cursiva marca la palabra clave en oro) · Jost 300 → 500 para interfaz

(The Product) 03

Blind date

Let the universe choose

The 'Surprise me' flow picks an available expert at random in three steps (consultation type, horoscope, preference), turning indecision into the product's signature ritual.

/sorprendeme
Access

A phone number is enough

Passwordless entry with phone and SMS code across three welcoming steps, lowering the barrier for an audience that just wants to talk to someone.

/acceso
Client area

Minutes, appointments and rewards

A home that shows the minute balance, upcoming confirmed appointments and recent experts at a glance, plus a WhatsApp referral loop that gifts minutes.

/cliente/inicio
Wallet

Prepaid without surprises

Minute packs, renewal preferences, gifted minutes and a full transaction history, so per-minute billing always feels under the client's control.

/cliente/billetera
Console

A work console for experts

VoIP/DID-routed calls with availability states synced to the switchboard, daily metrics and guaranteed anonymity: professionals see identifiers, never real numbers.

/profesional/consola
KYC

Verified professionals

A three-step application flow (data, public profile, verification) with review states, so quality control is built into the product instead of handled by email.

/profesional/kyc

(The Outcome) 04

A 40-screen product where both sides of the business feel native: clients manage minutes, recordings and appointments; professionals run their call console with states synced to the switchboard, guaranteed anonymity, an agenda, finances and KYC onboarding. All of it consistent down to the last modal.

astrocora.com
/experto/selene-duarte
/profesional/finanzas
/design-system
UI DesignUXProduct DesignDesign SystemHTML / CSSJavaScriptResponsiveFigma

Next project

soySMS