Archive

(07) / 10

Mata Cala Psicología

Client work WEBSITE 2025

María Ángeles Mata Cala Health & wellbeing

Astro · Tailwind CSS

Mata Cala Psicología homepage inviting visitors to find inner balance, with the therapist's services and a contact action
Homepage — the practice's introduction.
Therapy process section outlining first session, assessment, intervention and follow-up
Process — how therapy unfolds.
Dark footer section with navigation, practice address, hours and review link
Footer — practice details and contact.
Articles page listing psychology articles on anxiety, mindfulness and therapy
Resources — educational articles.
Family therapy service page with an illustration of a family and service actions
Services — family therapy.

(01) Briefing

Overview

Project context

A professional psychology website designed to communicate therapeutic services with clarity, sensitivity and a direct path to a first consultation.

Client / owner
María Ángeles Mata Cala
Sector
Health & wellbeing
Work type
Client work
Year
2025
Status
Live

Scope delivered

  • Professional website
  • Services narrative
  • Accessibility
  • Contact route

(02) / CASE NOTES

Case file

  1. Context

    Where it started

    María Ángeles Mata Cala is a psychologist in Córdoba offering individual, couples and family therapy, neuropsychological assessment and online consultation.

  2. Problem

    The problem

    Psychological support is a sensitive decision. The website needed to explain the professional approach and available services without creating unnecessary uncertainty or overwhelming visitors.

  3. Constraints

    What framed the work

    • Therapy explained in accessible, sensitive language
    • A calm hierarchy that does not overwhelm
    • A direct route to a first conversation
  4. Objective

    What it had to achieve

    Communicate credibility and accessibility while helping potential patients understand the services and make initial contact.

  5. Resolution

    The solution

    A calm, content-led website featuring professional presentation, differentiated service information, practical consultation details, explanatory resources and clear contact options.

  6. Architecture

    Information architecture

    The site presents the practitioner, her approach and the available services in a clear sequence, followed by practical consultation information and explanatory resources. A dedicated service presentation distinguishes individual, couples and family therapy and assessment.

  7. Design

    Visual & interaction design

    Clear hierarchy, accessible typography and sensitive language guide the visitor. Order and space convey calm, in line with the therapeutic context, and information design supports trust.

  8. Features

    What it does

    Individual therapy
    Presented as one of the practice's core services.
    Couples and family therapy
    Additional services presented alongside individual work.
    Professional profile
    Who the practitioner is and how she works, explained with warmth.
    Resources
    Explanatory articles on anxiety, attention and therapy.
    Consultation information
    Practical details on sessions, format and the consulting room in Córdoba.
    Contact
    A direct route from interest to a first conversation.
  9. Decisions

    Design & engineering decisions

    Clear hierarchy
    Services and approach are ordered to be understood at a glance without overwhelming the visitor.
    Sensitive language
    Therapy is translated into understandable language without losing professional rigour.
    Trust-oriented information design
    Calm spacing and legible type support a reassuring route to contact.
  10. Alternatives

    Considered and rejected

    A clinical, information-dense page
    A dense clinical presentation could have listed the practice, but it risked overwhelming visitors; a calm sequence was chosen to lower the barrier to a first conversation.
  11. Engineering

    Technical approach

    Astro and Tailwind CSS provide the static build, semantic structure and responsive layout.

  12. Evidence

    Observable evidence

    • Live and publicly reachable at matacalapsicologia.es
    • Practitioner, services, approach, resources and contact sections render
  13. Result

    Observable result

    The live website provides an understandable route from professional introduction and services to practical information and initial contact.

Stack

  • Astro
  • Tailwind CSS

Live site

matacalapsicologia.es Launch

Next project (08)

Wanda Animalart

Client work — 2024