Anna Catalán Psicóloga
Web per a una psicòloga de Granollers: presenta la consulta i les seves teràpies, presencials i en línia, i posa fàcil demanar cita.
- Any
- 2026
- Rol
- Desenvolupador web
- Plataformes
- Web
Visió general
Vaig dissenyar i desenvolupar la web d’Anna Catalán, psicòloga sanitària amb consulta a Granollers i teràpia en línia. El repte era traslladar la seva manera de treballar —propera, tranquil·la, sense presses— a una experiència digital que transmeti calma des del primer segon.
Vaig construir tota la identitat visual al voltant de la lavanda: una paleta suau de lila i sàlvia, tipografia cal·ligràfica, il·lustracions i fotografia pròpia, i una portada en capes amb el retrat de l’Anna que es mou suaument en fer scroll o moure el ratolí. El moviment acompanya sense robar protagonisme.
Darrere d’aquesta calma hi ha una web ràpida i ben organitzada: cada teràpia té la seva pròpia pàgina, demanar cita és un formulari breu i la consulta apareix quan algú busca psicòloga a Granollers.
El repte
Que algú que ho està passant malament se senti acollit només entrar, entengui en què el pot ajudar l’Anna i s’animi a demanar una primera cita sense friccions.
Captures de pantalla
Llisca per veure’n més · prem per ampliar
Portada: retrat en capes i nom en cal·ligrafia
Portada al mòbil
Sobre mi: presentació i enfocament
Motius de consulta
Serveis: individual, parella i juvenil
Serveis al mòbil
Pàgina de servei: teràpia individual
Presencial o en línia, amb la mateixa cura
Formació i trajectòria
Retrat, lavanda i desplegables animats
Demanar cita: formulari de contacte
El formulari, pensat per al mòbil
Com el vaig construir
Tres angles que cuido en cada projecte: com es veu, com funciona i com està fet per dins.
Disseny
La calma com a sistema
Una identitat visual completa —paleta, tipografia, il·lustració i fotografia— aplicada amb coherència a cada pàgina. Animacions suaus: parallax a la portada, subratllats que es dibuixen sols i transicions entre pàgines.
- Identitat pròpia al voltant de la lavanda
- Portada en capes amb parallax
- Transicions suaus entre pàgines
Qualitat
Cuidada en cada detall
Imatges optimitzades, càrrega ràpida i una lectura còmoda a qualsevol pantalla. Les animacions es desactiven quan el sistema demana reduir el moviment, i l’avís de WhatsApp apareix de manera discreta, un sol cop.
- Adaptada a mòbil, tauleta i escriptori
- Respecta la preferència de reduir el moviment
- Preparada per a les cerques locals
Arquitectura
Pensada per créixer
Una web estàtica on serveis, textos i dades de contacte es defineixen en un únic lloc i alimenten totes les pàgines. Afegir una teràpia nova és afegir-ne les dades: la seva pàgina i la informació per als cercadors es generen soles.
- Feta amb Astro, Tailwind CSS i GSAP
- Contingut centralitzat i reutilitzable
- Components compartits entre pàgines
Resultat
Publicada a annacatalanpsicologa.com des d’octubre de 2026, amb totes les pàgines en producció.
En parlem?
Tens un projecte en ment?
Si busques algú que cuidi el disseny, la qualitat i l’arquitectura del teu proper producte, explica’m què necessites.
Escriu-me