Skip to content
All projects
In production

PsicoArteMente

Landing page for a child and adolescent psychologist — no forms, no stored data, no JavaScript.

Role

Design and development (solo)

Year

2026

Visit the live site
  • Astro 5
  • Tailwind 4
  • TypeScript
  • Vitest
  • Animated SVG
  • Caddy
PsicoArteMente — Landing page for a child and adolescent psychologist — no forms, no stored data, no JavaScript.

PsicoArteMente is the first web presence for a child psychologist in Medellín: a static landing page whose only call to action is a real WhatsApp conversation. The interesting part isn’t what it does but what it deliberately doesn’t — it collects no data, publishes no prices and claims nothing the client hasn’t confirmed.

// The problem

A child and adolescent psychologist in Medellín relied on referrals and social media for first contact. The person who decides and books is the parent, not the patient, and she had nowhere to answer what actually drives that decision — who she is and how she works — before they reach out.

// Decisions

  1. Decision

    WhatsApp as the only channel. Zero forms, zero backend, zero database.

    Impact

    No minor's data ever passes through the site or gets stored, and the parent writes from where they already talk. Conversion doesn't depend on trusting a form to a stranger.

  2. Decision

    Sections without client-confirmed content stay hidden — the flag lives in the data and the nav filters on it.

    Impact

    The site never claims credentials, services or testimonials she didn't provide. Publishing a section is impossible without bringing its real content in the same change.

  3. Decision

    The logo was vectorised from the original JPG and animated in pure CSS, not SMIL or JavaScript.

    Impact

    The animation honours prefers-reduced-motion, which SMIL ignores. The whole page ships with zero application JavaScript.

  4. Decision

    The brand teal (#11C0B9) was reserved for strokes and backgrounds; anything textual or interactive uses

    Impact

    5.17:1 contrast on buttons instead of 2.27:1 — the identity survives and the page passes AA.

// Results

Live
psicoartemente.perezdalejo.com · automatic TLS
JavaScript in production
0 KB — the only script is the JSON-LD block
Privacy
0 forms · 0 cookies · 0 analytics · 0 minors' data
Accessibility
WCAG AA · touch targets ≥44 px · reduced-motion verified

// The product

The PsicoArteMente home page on a phone.
On mobile the CTA stays within thumb reach — that's where most parents arrive from social media.
Next project ImportCol