Persona Ambiente: una web que se parece a la persona que está detrás

El punto de partida

La antigua web era azul oscuro y negra: limpia, pero fría y corporativa, lejos del tono cálido y esencial de los folletos de Anna y de su manera de hablar con la gente. Además, parte del contenido estaba desactualizado: todavía decía treinta años.

Qué construí

Primero una dirección visual, después la web. La paleta sale de los cinco elementos de la tradición china, agua, madera, fuego, tierra y metal, sobre una base crema cálida, con un tema claro y otro oscuro.

• Diez páginas: una para cada práctica, más su historia, sus creaciones artesanales, los eventos y el contacto.
• Textos reescritos junto con Anna, conservando sus palabras. Usar siempre los mismos términos ayuda tanto a los lectores como a Google.
• Testimonios en video de sus clientes, con la transcripción en la página.
• Una página de eventos dividida en próximos, en curso y pasados, con los carteles.

personaambiente.it/feng-shui

Eventos que publica ella misma

Los eventos son la parte de la web que más cambia: cursos, talleres, jornadas temáticas. Al principio estaban en el código, así que cada nueva fecha pasaba por mí. En los seis meses posteriores al rediseño, 13 de los 20 cambios en la web fueron eventos.

Así que le di a Anna un editor. Ahora los eventos están en Sanity, un editor de contenidos que abre desde el teléfono con su cuenta de Google:

• Agrega un evento con su cartel, fechas, lugar, descripción y contactos, lo edita o lo elimina. Cada campo tiene una etiqueta en italiano y un ejemplo, y los obligatorios se validan, así que nada puede romper el diseño.
• Cuando publica, la web se reconstruye sola: el nuevo evento está online en unos 72 segundos, medidos.
• La web redimensiona y convierte los carteles, y cada noche los eventos que ya terminaron pasan solos al archivo.
• El editor no cuesta nada: el plan gratuito de Sanity va mucho más allá de lo que la web necesita.

Hecha para que la encuentren

Los buscadores leen la misma web que las personas, así que el SEO se trabajó en la estructura, no solo en las palabras clave: un título claro por página, descripciones que nombran las prácticas y las localidades donde trabaja, datos estructurados que describen su negocio, un sitemap.

Después, la velocidad. Con el rediseño de abril, la puntuación de rendimiento móvil de la página de inicio pasó de 67 a 99. Con el paso a Astro, que genera cada página por adelantado, seis páginas llegaron a 100 y el contenido principal aparece antes en las diez, en promedio de 1,47 a 1,10 segundos. Las páginas sencillas pasaron de unos 86 KB de JavaScript a unos 3. Todas las páginas obtienen 100 en accesibilidad, buenas prácticas y SEO.

Por último, la parte local: su Perfil de Empresa en Google está configurado y activo, así que el centro aparece en Maps a quien busca en la zona.