tuprofeluis
Una web para mis clases de español, diseñada alrededor de un miedo: hablar en voz alta un idioma nuevo.
Grabación de pantalla de la página de inicio: el titular El español parece fácil… hasta que lo hablas se escribe letra a letra y luego se abre una ventana de chat con una breve conversación entre un estudiante y Luis.
Los primeros dieciséis segundos de la página de inicio, grabados en un portátil.
Mi web anterior era una plantilla de Hostinger: correcta, pero anónima. Nadie podía saber quién era yo ni cómo enseño.
Una web que se comporta como una primera clase: habla español, muestra los errores típicos de los italianos y responde como un compañero, no como un profesor severo.
Más visitas a la página y más personas que escriben para preguntar por las clases.
Una plantilla que podía ser de cualquiera
La mayoría de mis estudiantes son italianos. El español les resulta cercano, así que entienden mucho desde las primeras semanas. Luego tienen que hablar, y se bloquean. La web anterior no decía nada de esto: una plantilla de Hostinger con una foto genérica de libros de texto, un formulario de contacto y la frase «Descubre mi mundo educativo».
Antes · la antigua página de inicio, hecha con una plantilla de Hostinger.
Después · la nueva página de inicio, diseñada y programada por mí.
Lo que no funcionaba
Antes de rehacerla, repasé la web antigua sección por sección y anoté lo que fallaba.
En tres segundos no se entendía quién era, qué enseño ni cómo podía ayudarte.
Parecía la landing de un curso online: un formulario que pedía tu número de teléfono antes de darte un motivo para escribir. Ni una cara, ni una voz, solo una foto oscura de libros de texto.
Dos tarjetas vagas que no decían de verdad lo que ofrezco.
Una de ellas prometía materiales didácticos que todavía no existían: una tarjeta que no se podía pulsar, para algo que no se podía comprar.
Formal y distante. No se notaba cómo enseño de verdad, con calidez y con juego.
La página se abría con un título genérico, «Mi espacio personal», y había que bajar para encontrarme.
Faltaba justo lo que me hace diferente: hablo los dos idiomas, así que sé exactamente dónde se atascan los italianos. Eso se convirtió en el centro de la nueva web. Los falsos amigos, el chat y el titular nacen de ahí.
El español parece fácil… hasta que lo hablas.
El titular de la web.
El titular nombra el problema que viven mis estudiantes, con sus propias palabras. Es la parte del idioma más difícil de desbloquear, así que la web empieza justo ahí.
Tres decisiones que hacen que la web parezca una persona
Un chat, no un discurso de venta
Lo primero que encuentras es una conversación. Luis responde como un compañero que te corrige con una sonrisa, no como un profesor distante. El primer intercambio es un error clásico: una estudiante italiana dice embarazada queriendo decir «avergonzada», y descubre que significa «encinta».
El objetivo es bajar el miedo a hablar antes incluso de que empiece la primera clase.
Falsos amigos, por todas partes
Hablo italiano todos los días, así que sé qué palabras del español engañan a los italianos. Una franja de falsos amigos corre bajo la cabecera, con un botón de pausa, y los ejercicios gratuitos profundizan más.
Prueba algunos aquí abajo: son las mismas palabras en las que se equivocan mis estudiantes.
Un test de nivel antes de la primera llamada
Diez minutos, veinte preguntas, anónimo. Sabes dónde estás antes de hablar conmigo, y la primera clase empieza desde ahí.
¿Acertaría un italiano?
Cada tarjeta muestra una palabra en español. Dale la vuelta para ver lo que un italiano cree que significa y lo que significa de verdad.
La misma voz, en la mano
En el móvil el chat baja debajo del titular, el menú se pliega en un solo botón y los falsos amigos mantienen su control de pausa. La llamada a la acción sigue siendo ancha y fácil de alcanzar con el pulgar.
Accesibilidad ya incluida
- Un enlace «saltar al contenido»
- Un botón de pausa en la franja móvil de los falsos amigos
- Toda la web en español, italiano e inglés
La gente escribe antes de reservar
Desde que la nueva web está en línea, la página tiene más visitas y más personas me contactan para preguntar por las clases. La web hace por mí parte de la primera conversación.
Siguiente paso: medir visitas y consultas a lo largo del tiempo, para sustituir las impresiones por números.
Volver a mirarla, con ojos nuevos
- El titular y los falsos amigos están escritos dos veces en el código, por la animación. Un lector de pantalla los lee dos veces: deberían leerse una sola.
- La estrella de «5,0★» se lee como un símbolo. Debería decir «5 de 5 en Preply».
- La dirección de email es texto plano. Debería ser un enlace, y fácil de copiar.
- Necesito números reales de visitas y consultas, no solo mi impresión.