Saltar al contenido
JC.dev
Área Técnica
Volver a Proyectos

Client Delivery

TallerCardonal.es

Proyecto real entregado a cliente. Gestión completa end-to-end: desde la toma de requisitos hasta el deploy en producción y el handoff.

TallerCardonal Web

De un vistazo

Tipo de proyecto
Proyecto para cliente real
Rol
Proyecto para cliente, gestionado de extremo a extremo: requisitos, diseño, desarrollo, deploy y entrega.
Stack
  • React 19
  • Vite 7
  • CSS 3
  • Vercel
  • EmailJS
  • GA4
  • Google Ads

Qué demuestra

  1. Entrega real a cliente, desde la toma de requisitos hasta el handoff con documentación de uso.
  2. Web en producción con dominio propio del cliente, optimizada con WebP, lazy loading y SEO.
  3. Criterio para adaptar la arquitectura al contexto, sin sobredimensionar.

Arquitectura

Qué piezas componen la web y a qué servicios se conecta.

  1. React · Vite, CSS propio. Web en React 19 con Vite 7 y CSS propio, mobile-first, con imágenes WebP, lazy loading y SEO. Siguiente: Vercel, EmailJS, GA4 · Ads.
  2. Vercel, Dominio del cliente. Deploy en Vercel con el dominio propio del cliente. Fin del flujo.
  3. EmailJS, Contacto. Contacto del formulario a través de EmailJS. Fin del flujo.
  4. GA4 · Ads, Marketing. Medición con GA4 y campañas de Google Ads. Fin del flujo.

El Contexto

Un taller mecánico necesitaba presencia digital profesional.

Qué debía lograr la web

  • Transmitir confianza.
  • Mostrar servicios.
  • Facilitar el contacto.
  • Funcionar perfectamente en móvil.

El Proceso Profesional

  • Discovery: Reuniones con el cliente para entender el negocio, los servicios principales, la propuesta de valor y el público objetivo.
  • Diseño UX: Propuesta visual enfocada en confianza y accesibilidad, con CTA claros y navegación intuitiva.
  • Desarrollo: Implementación con React.js + Custom CSS 3. Componentes modulares y reutilizables. Responsive design mobile-first.
  • Optimización: Imágenes optimizadas en formato WebP, lazy loading, metadata SEO completamente configurada.
  • Entrega: Deploy en Vercel con dominio personalizado del cliente. Documentación de uso entregada. Periodo de soporte post-lanzamiento.

Impacto Real

No todos los proyectos necesitan un monorepo y 10 microservicios. Saber adaptar la arquitectura al contexto es una habilidad clave.

  • Web en producción activa.
  • Lighthouse (oct. 2026, mediana de 3 ejecuciones): Accesibilidad 98, Buenas prácticas 100 y SEO 100.
  • Reducción a cero de la dependencia del cliente de redes sociales como única presencia digital.