Saltar al contenido
RC
Todo el trabajo

Inter Concreto

El nuevo sitio corporativo de una de las productoras de concreto premezclado más reconocidas de Venezuela, con una calculadora de volumen que convierte la visita en una cotización por WhatsApp.

Sector
Construcción · Concreto premezclado
Región
Venezuela
Rol
Diseño y desarrollo web (colaboración continua)
Plataformas
Web · Desktop · Mobile
Año
2026
Stack
Next.js 16 (App Router)React 19TypeScriptTailwind CSS 4MotionResendnext/ogJSON-LD / SEONode test runner
Inter Concreto: El nuevo sitio corporativo de una de las productoras de concreto premezclado más reconocidas de Venezuela, con una calculadora de volumen que convierte la visita en una cotización por WhatsApp.

01

Problema

Inter Concreto produce y despacha concreto premezclado y servicio de bombeo desde su planta en Barquisimeto desde hace más de diez años, con plantas móviles en obras de todo el país y clientes como Empresas Polar, Nestlé y Farmatodo. Su sitio web era una plantilla estática antigua que no mostraba nada de eso: sin líneas de producto claras, sin historia de calidad y sin nada que llevara a un contratista de “¿cuánto concreto necesito?” a un pedido.

02

Enfoque

Partir del manual de marca y de los diseños de página del cliente, y construir un sistema en vez de un conjunto de páginas: tokens sacados directamente de los colores del manual, una rejilla de 16 columnas, un solo lenguaje de animación y el contenido en archivos de datos tipados para que el equipo y yo sigamos sumando contenido a medida que avanza el trabajo.

03

Solución

Un sitio en Next.js con páginas de Inicio, Nosotros, Servicios, Plantas y Control de calidad. Una calculadora de volumen valida las medidas (acepta la coma decimal que se usa en Venezuela, con la lógica cubierta por pruebas unitarias) y entrega el resultado a ventas como una cotización prellenada por WhatsApp. El formulario de contacto pasa por un route handler que envía el correo con Resend. Alrededor: un carrusel de portada con barridos de clip-path y swipe táctil, un carrusel con profundidad para la galería de obras, parallax, un mega menú a ancho completo, y todo respeta la preferencia de movimiento reducido. El SEO viene de serie: URLs canónicas, imágenes Open Graph generadas, sitemap con imágenes y datos estructurados JSON-LD. Cada pantalla se verificó en móvil y escritorio sin desbordamiento horizontal, y la fotografía se procesó a WebP con entrega en AVIF.

04

Resultado

Inter Concreto tiene ahora un sitio a la altura de su reputación, que funciona igual en el teléfono en plena obra que en el escritorio de la oficina, y que convierte visitas en cotizaciones. Seguimos trabajando juntos en él.

Capas en las que trabajé

  1. Chip y sensores
  2. Firmware
  3. Conectividad
  4. Backend y nube
  5. App y web

Pantallas

  • Pantalla 1 de la app Inter Concreto
  • Pantalla 2 de la app Inter Concreto
  • Pantalla 3 de la app Inter Concreto
  • Pantalla 4 de la app Inter Concreto
  • Pantalla 5 de la app Inter Concreto
  • Pantalla 6 de la app Inter Concreto
  • Pantalla 7 de la app Inter Concreto
  • Pantalla 8 de la app Inter Concreto
  • Pantalla 9 de la app Inter Concreto
  • Pantalla 10 de la app Inter Concreto
  • Pantalla 11 de la app Inter Concreto
  • Pantalla 12 de la app Inter Concreto

¿Tienes un producto donde hardware y software tienen que hablar? Construyámoslo.

Cuéntame qué estás construyendo y dónde se atasca.