Tale Detail

Snapshot

• Rol — Frontend Developer: construí la landing completa, configuré el CMS y desplegué el sitio.
• Alcance — Landing de una página para una consultora de diseño y representación arquitectónica: quiénes son, metodología, servicios, proyectos y contacto.
• Resultado — Lighthouse 97 en performance, 96 en accesibilidad, 100 en best practices y 100 en SEO.

El problema

Tale Detail es una consultora que traduce datos urbanos y proyectos complejos en material visual con el que sus clientes ganan licitaciones y concursos. No tenían sitio: un estudio cuyo trabajo es la representación visual no tenía dónde mostrarla, y cada conversación con un cliente nuevo arrancaba sin nada a lo que apuntar.

Decisiones clave

• Sanity como CMS, con el esquema modelado a la medida de la landing — el cliente pidió algo sencillo y de curva de aprendizaje baja para subir y ajustar su contenido sin depender de mí. A cambio, un sitio de una sola página arrastra un servicio más que mantener, y su contenido queda repartido en documentos en vez de vivir en el repositorio.
• Animar las secciones con Motion — el producto de la consultora es visual, así que la landing tenía que sostener esa expectativa mientras se recorre. A cambio, más JavaScript en el cliente en un sitio que ya carga imágenes grandes: fue lo que hubo que vigilar para que el performance no se cayera.
• Una sola página con navegación por anclas — el recorrido es una presentación de la consultora, no un catálogo: interesa que se lea seguido hasta el formulario. A cambio, ningún servicio ni proyecto tiene URL propia para compartirse suelto o posicionarse por su cuenta.

Resultado

• Lighthouse en producción: 97 performance, 96 accesibilidad, 100 best practices, 100 SEO.
• Es el primer sitio propio de la consultora: antes no tenían dónde mostrar su trabajo.
• El cliente publica y ajusta el contenido desde Sanity, sin pasar por un desarrollador.

Galería