Qi Gong Barcelona
Respirar. Entendre. Fer el primer pas.
L’encàrrec
Cai Yutian va començar en les arts marcials als vuit anys, a Pequín, amb el mestre Zhao QuanFu. Ara ensenya Qi Gong a Barcelona i fa Tui Na, el massatge terapèutic de la medicina tradicional xinesa, en una clínica del barri del Congrés. Un professor, una pràctica i cap estructura al darrere.
L’encàrrec era la seva primera web. Ni un catàleg ni una botiga: la pàgina que convenç algú que ha sentit a parlar del Qi Gong i no sap si és per a ell, que expliqui què és, qui l’ensenya i què costa, i que acabi en un correu o una trucada.
Què vam fer
Vam començar pel silenci. Aigua quieta a pantalla completa, un verd pi gairebé negre com a únic color de marca i una serif fins i tot al menú —una cosa que gairebé ningú no fa—. Abans d’explicar res, la web havia de sonar al que ven: calma i cap pressa.
Vam posar les set tarifes a la web. Quatre de Qi Gong i tres de Tui Na, amb el que entra a cadascuna: classes setmanals, meditació guiada mensual, sessions individuals i paquets de cinc i de deu. Qui ensenya sol no es pot permetre que el preu sigui una conversa incòmoda per correu.
Vam explicar la persona, no el mètode. El retrat del mestre, la seva història des de Pequín i les fotos reals de classe —corregint una alumna, un grup en un centre cívic— fan la feina que cap text sobre l’energia vital no pot fer. La web es torna creïble aquí.
Disseny, web i programació des de zero. WordPress amb tema fill propi, Bellefair i Raleway autoallotjades al servidor en comptes de servides des de fora, i cinc pàgines: inici, nosaltres, QiGong, Tui Na i contacte, aquesta última amb formulari i mapa. Les quatre primeres es van aixecar el 20 de febrer del 2024; la de Tui Na va arribar a l’abril, quan va arrencar el servei.
La calma també és a l’estructura.
Publicar els preus va ser la decisió de disseny, no una fitxa tècnica. En un sector on gairebé ningú no els ensenya, posar les set tarifes —paquets inclosos— abans que ningú no ho pregunti és el que separa un professor d’un misteri. Tota la resta està construïda perquè aquell moment no grinyoli: aire, un sol color i cap reclam.
Qi Gong Barcelona · Web i contingut
La web comença
a classe.
Abans de parlar d’una pràctica, mostrar la persona que l’ensenya. Les fotografies de les sessions porten aquesta relació al centre de la web.
El gest obre.
La informació acompanya.
La imatge dona context. Després, la web presenta el professor, separa les modalitats i manté una via directa per preguntar.
Del contingut al recorregut
Tres preguntes.
Un ordre clar.
L’estructura converteix una primera visita en un recorregut comprensible: conèixer, comparar i contactar.
Qui ensenya?
La persona abans que el catàleg.
La pàgina Nosotros reuneix la presentació de Cai Yutian i una fotografia de classe. La pràctica té una persona i un context reconeixibles.
Veure la pàgina Nosotros
Quina opció busco?
La modalitat, amb el que inclou.
La portada diferencia les opcions de Qi Gong i Tui Na. Les tarifes s’acompanyen de freqüència, durada o format; la comparació té contingut, a més d’una xifra.
Veure com es presenten les tarifes
Com pregunto?
El pas següent, a mà.
Correu, telèfon i formulari conviuen a la pàgina de contacte. Les crides a més informació porten a aquest mateix lloc.
El projecte en xifres
Com està fet
La parella tipogràfica és Bellefair, una serif de contrast alt, per a tot el que es mira, i Raleway per a tot el que es llegeix. Totes dues van autoallotjades amb @font-face, no carregades des de Google Fonts: és una decisió tècnica, no el valor per defecte del constructor, i es nota en el fet que la web no depèn d’un tercer per pintar el seu titular. El detall estrany del sistema és el menú, a 24 px en serif; el cos va en Raleway a 17/26,9.
De color n’hi ha un de sol: el verd pi #02423F, amb quaranta-dos usos com a text i deu com a fons. L’acompanyen un filet verd al 14 % d’opacitat, un verd grisenc per al text sobre fons fosc i un blanc trencat càlid. Els botons són píndola completa, 25 px de radi, i els camps del formulari gairebé rectes, 3 px: aquest contrast és l’únic gest expressiu de tota la web.
A sota hi ha poca màquina i està bé així. WordPress amb tema fill propi, contingut a 1.140 px amb molt d’aire vertical, formulari de contacte amb consentiment de privacitat i un mapa incrustat amb l’adreça de la clínica. Sense reserves en línia, sense botiga i sense àrea privada: cinc pàgines que el client pot mantenir i que no es trenquen soles.
Com va anar
Galeria · el projecte en imatges (clica per ampliar)
"Tradición Milenaria, Enseñanza Moderna"qigong.barcelona
Vols un resultat així per al teu projecte?
