CP//DEV
HTM Carpintería

2026 · Diseño y desarrollo end-to-end · Agencia Xpandex

HTM Carpintería

Equipo técnico de montaje en Castellón y Valencia

  • Astro
  • Preact
  • Tailwind CSS 4
Salida
Estática
Formulario
Validado en servidor
CMS
Ninguno

Capturas de la web en producción, a 1440 px y a 375 px.

01Portada
Página portada del sitio de HTM Carpintería, vista de escritorio

Escritorio · 1440px

Página portada del sitio de HTM Carpintería, vista de móvil

Móvil · 375px

02Servicios
Página servicios del sitio de HTM Carpintería, vista de escritorio

Escritorio · 1440px

Página servicios del sitio de HTM Carpintería, vista de móvil

Móvil · 375px

03Galería de obra
Página galería de obra del sitio de HTM Carpintería, vista de escritorio

Escritorio · 1440px

Página galería de obra del sitio de HTM Carpintería, vista de móvil

Móvil · 375px

04Quiénes somos
Página quiénes somos del sitio de HTM Carpintería, vista de escritorio

Escritorio · 1440px

Página quiénes somos del sitio de HTM Carpintería, vista de móvil

Móvil · 375px

Contexto

Un equipo técnico que monta puertas, parqué, cocinas y armarios en Castellón y Valencia. No fabrican: instalan, y lo hacen con equipo propio. Ese matiz es toda la propuesta de valor, porque en el sector abunda el intermediario que subcontrata y desaparece.

La web tenía que dejar clara esa diferencia en la primera pantalla.

Enfoque

  • El copy carga con el argumento. “El que presupuesta es el que entra a trabajar” dice más sobre el negocio que cualquier lista de servicios. El titular editorial en serif y la fotografía a sangre hacen el resto.
  • Astro estático, con una sola isla Preact: el visor de la galería. Sin CMS y sin base de datos: el contenido vive en el repo. Para un negocio que actualiza la web dos veces al año, un WordPress sería una superficie de mantenimiento que nadie va a atender.
  • Formulario validado en servidor, con WhatsApp como vía principal de contacto, que es como pide presupuesto su cliente.
  • Imágenes procesadas en build con Sharp, sirviendo AVIF y WebP con respaldo. Las fotos de obra son pesadas de origen y aquí no llega ni una sin optimizar.
  • Paleta cálida sobre madera — crema, marrón y dorado, coherente con el material con el que trabajan.

Trabajo realizado

  • Arquitectura Astro estática con una isla Preact para la galería
  • Sistema de diseño en Tailwind 4 con tipografía editorial
  • Formulario de contacto con validación en servidor
  • Galería de trabajos con procesado de imágenes en build
  • Página de empleo para captación de instaladores
  • SEO local para el área de Castellón y Valencia

Resultado

En producción sobre su dominio. Al ser un sitio estático sin CMS, el coste de mantenimiento es prácticamente cero y no hay actualizaciones de seguridad que perseguir.

Nota sobre el trabajo

Proyecto desarrollado en Agencia Xpandex, donde llevo el ciclo completo: diseño, desarrollo, rendimiento, accesibilidad, SEO técnico y despliegue. La fotografía de obra de la galería la aporta el cliente.

En corto

¿Qué es HTM Carpintería?
Web estática en Astro para un equipo de instalación de carpintería. Sin CMS ni base de datos, con formulario de contacto validado en servidor.
¿Con qué está construido HTM Carpintería?
HTM Carpintería está construido con Astro, Preact y Tailwind CSS 4. Carlos Ponce lo entregó en 2026 — Diseño y desarrollo end-to-end · Agencia Xpandex.
¿Qué destaca de HTM Carpintería?
Salida: Estática. Formulario: Validado en servidor. CMS: Ninguno.
¿HTM Carpintería está en producción?
Sí. HTM Carpintería está publicado en htmcarpinteria.com desde 2026.

Proyectos relacionados