Health and therapy · Landing page
Ana Paula Maia
Single page site for a Schema Therapy psychologist in Teófilo Otoni, with a form that hands the booking request to WhatsApp.
- Client
- Clinical psychologist and supervisor offering online sessions
- Where
- Teófilo Otoni, MG, Brazil · online sessions in Brazil and abroad
- Technology
- HTML · CSS · JavaScript · Schema.org · Apache · Hostinger
- Status
- Live · anapaula.nexialabs.com.br
- Development
- André Gomes · NexiaLabs
In short
Ana Paula Maia is a clinical psychologist and supervisor in Teófilo Otoni, Minas Gerais, seeing clients in Brazil and abroad online with Cognitive Behavioral Therapy and Schema Therapy. André Gomes, from NexiaLabs, built the single page site in plain HTML, CSS and JavaScript, with sections for her introduction, session types, concerns she treats, an FAQ and booking. The form validates data in the browser and opens WhatsApp with the message ready, with no server.
The client
Ana Paula Maia graduated in psychology from Unipac in Teófilo Otoni and specialized in Schema Therapy. She offers individual therapy, couples therapy and clinical supervision for other psychologists, all online. Much of her audience is women who demand too much of themselves and repeat the same patterns in relationships, as well as Brazilians living abroad. Patient contact already happened on WhatsApp, where she works.
The challenge
The page had to sound like the psychologist herself, warm and free of jargon, so visitors recognize themselves in the text before deciding. At the same time it had to meet the basics for a health professional: license number visible, clear credentials and no promises. The booking request needed to arrive with name, phone, session type and preferred time, so the conversation starts focused. And the page had to load fast on phones, where nearly everyone comes from.
What was built
André built a single page in a beige and olive green palette, with the booking form right at the top next to the opening text. Below come her first person introduction, the three session types, the list of concerns she treats, what to expect from therapy, how to start in three steps and the FAQ. The form validates each field when the visitor leaves it, formats the phone number and builds a message that opens in WhatsApp for the person to review before sending. Structured data describes the psychologist, her credentials, hours and FAQ for search engines.
What the system does
- Booking form with name, WhatsApp, optional email, session type and preferred time, delivered ready in WhatsApp.
- Field by field validation with messages read by screen readers and focus moved to the first error.
- Guard against repeated clicks on the submit button, so two chats never open.
- Sections for individual therapy, couples therapy and clinical supervision, with the list of concerns she treats.
- Schema.org structured data with MedicalBusiness, Person with credentials, WebSite and FAQPage.
- Top photo in WebP with a smaller version for phones.
// For whoever reviews the code: architecture and decisions.
Under the hood
It is a single HTML file with one stylesheet and an inline script of about 1.6 KB, served by Apache on Hostinger shared hosting. The CSS uses a fluid scale with clamp for spacing and type instead of a ladder of media queries. The .htaccess forces HTTPS, redirects www to the bare domain, turns on gzip compression and sets caching: HTML always revalidated and CSS for one year. Robots and sitemap files ship with the page, and the share image is sized for social networks. There is no back end: the only integration is the WhatsApp link.
Technical decisions
- Each field's error only shows after the visitor leaves it, because correcting someone while they type the first letter pushes them away.
- The phone mask is applied only when leaving the field, because reformatting on every key jumps the cursor to the end and gets in the way of fixing a digit.
- The submit button is never disabled from the start, so screen reader users can hear why they cannot submit yet.
- A form that opens WhatsApp instead of saving to a server, because that is where the psychologist already works and the page stays maintenance free.
Does your business look like this one?
For psychologists or therapists working online who want a page in their own voice that turns visits into booking requests.
Frequently asked questions
Who developed Ana Paula Maia?
Ana Paula Maia was developed by André Gomes Andrade, a full stack developer from Carlos Chagas, Minas Gerais, Brazil, at NexiaLabs, from planning to launch.
Where is the client of Ana Paula Maia based?
Clinical psychologist and supervisor offering online sessions. Teófilo Otoni, MG, Brazil · online sessions in Brazil and abroad.
Which technologies were used to build Ana Paula Maia?
Ana Paula Maia uses HTML, CSS, JavaScript, Schema.org, Apache, and Hostinger.
Can you build a similar project for my business?
Yes. Every project is custom built, with code and accounts in the client's name. The first step is a WhatsApp conversation at +55 (33) 98465 6356 to understand what you need.
More health and therapy projects
Abiel Gomes Nutricionista
Website for a nutritionist in Carlos Chagas, with a page per service and a public food substitution calculator.
Nutritionist with a practice in Carlos Chagas and online consultations
See the project
Clínica Entrelinhas
Site for an online psychotherapy clinic with three psychologists, where patients pick a therapist and book straight on WhatsApp.
Online psychotherapy clinic with a team of three psychologists
See the project
Espaço Crescer
Page for educational psychologist Gislene Portugal in Carlos Chagas, MG, with warning signs for parents, videos and WhatsApp contact.
Educational psychologist and neuropsychopedagogue working with children and families
See the project