InnovaWebb, ir al inicio

Sitio web, tienda y panel de gestión · 2026

Seis años de trabajo que no se veían en ninguna parte.

TAELCO SYSTEMS instala y mantiene portones automáticos, control de acceso y sistemas eléctricos en el área metropolitana de Bucaramanga. Tenía clientes corporativos, dos cuadrillas técnicas y seis años de oficio. En internet, no existía.

Ver el sitio (se abre en una pestaña nueva)
Portada de taelcosystems.com: menú con kits, motores, acceso peatonal, control de acceso, tienda y servicios; el titular «Seguridad y Control Absoluto.» sobre una foto de torniquetes y un buscador de equipos.

El problema

Sin sitio web, sin dominio, sin correo corporativo. Su presencia digital era una página de Facebook con el nombre de uno solo de sus servicios.

Eso costaba en tres frentes:

  • Las ventas de equipos empezaban de cero cada vez

    Quien buscaba un motor para portón o un lector biométrico no encontraba catálogo, precios ni fichas técnicas. Cada consulta era una conversación de WhatsApp desde el principio.

  • La credibilidad con empresas

    Para un cliente corporativo, una empresa sin sitio ni correo propio parece más pequeña de lo que es. El trabajo serio —subestaciones, redes contra incendio, tableros eléctricos— no se veía en ningún sitio.

  • La dependencia

    Cualquier cambio de contenido iba a depender de un desarrollador.

Qué construimos

El encargo inicial era una tienda en línea. En el camino quedó claro que el negocio es híbrido: la mayor parte de los ingresos viene de servicios técnicos locales, y la mayoría de los clientes no compra en el carrito — escribe por WhatsApp.

Así que no se construyó una tienda. Se construyeron tres cosas.

Una tienda con catálogo por categorías y marcas, fichas técnicas descargables y selector de modelo con precio y existencias por variante. Los equipos industriales van «bajo cotización», sin precio público y con solicitud directa. Se puede pedir sin crear cuenta.

Una vitrina de servicios: seis páginas, cada una con su galería de trabajos reales y los proyectos relacionados. Y un portafolio donde cada proyecto se cuenta como caso — el problema, la solución y las fotos del antes y el después.

Un panel para que TAELCO se maneje solo. Cargan y editan productos con sus fotos, modelos y fichas en PDF. Publican proyectos y fotos de trabajo en la página del servicio que corresponde, el mismo día que terminan. Gestionan pedidos, cotizaciones y mensajes, y contactan al cliente por WhatsApp o correo con un clic.

Además: dominio y correos corporativos, avisos por correo de cada pedido, ficha de Google Business corregida y el sitio verificado en Search Console.

  • Ficha de un panel de control de acceso biométrico con su foto, la descripción, un selector entre tres modelos con su precio, el precio del modelo elegido y las unidades en existencia.
  • Página del servicio de motobombas y tableros eléctricos con su descripción, botones para pedir mantenimiento o cotizar un tablero y la foto de un equipo de bombeo contra incendio instalado.
  • Galería de trabajos de un servicio: fotos de motobombas, un estator rebobinado, rodamientos nuevos, contactores y un tablero eléctrico abierto.
  • Formulario del panel de administración para publicar un proyecto: casillas para elegir en qué servicios aparece, la marca del equipo y las fotos de portada, del antes y de la galería.
  • Módulo de galería del panel de administración: menú lateral con pedidos, cotizaciones, mensajes, proyectos y productos, un botón para subir fotos y una cuadrícula de fotos de trabajos con su servicio, descripción, municipio y fecha.
  • Portada de taelcosystems.com en un celular: el logo con el buscador, el carrito y el menú, el titular «Automatización de Alta Gama.» y un botón para ver kits completos.

La decisión difícil

Medir WhatsApp, no solo el carrito

Una tienda se mide por ventas en línea. Pero en TAELCO la mayoría de los clientes escribe por WhatsApp, y si solo medíamos el carrito, la analítica iba a decir que el sitio no generaba clientes — y eso habría sido falso.

Cada botón de WhatsApp y de llamada registra desde qué página se pulsó. Y los mensajes que llegan desde un anuncio se marcan con una referencia, para que TAELCO pueda saber, en su propio WhatsApp, qué conversaciones vinieron de la publicidad.

«Medir lo que de verdad pasa es más difícil que medir lo que el sistema trae de fábrica. Y es la diferencia entre saber si la inversión funciona o no.»

Dos decisiones que explican cómo trabajamos

Independencia antes que velocidad

Cargar los primeros productos directamente en la base de datos era más rápido, y así se hizo al principio. Pero dejaba a TAELCO dependiendo de nosotros para cambiar un precio.

Se decidió construir el panel completo —productos, proyectos y galería— aunque eso retrasara otras partes del proyecto. Un sitio que el cliente no puede actualizar envejece en semanas.

Lo que no se publica

Varios de los trabajos más fuertes de TAELCO son para contratistas de grandes empresas. Establecimos como regla que ningún cliente se nombra sin autorización escrita, y que las fotos se recortan para no mostrar placas, caras ni logotipos.

El portafolio cuenta el trabajo —«una subestación eléctrica en Floridablanca»— sin exponer a nadie. Es la misma regla que aplicamos con nuestros propios clientes.

  • Proyecto del portafolio contado como caso: el problema y la solución de una motobomba de una red contra incendio, y al lado los detalles, donde el cliente aparece como «Industria en Floridablanca».

Tecnología

Frontend
Next.js 16 con App Router, React 19, TypeScript, Tailwind CSS 4
Backend
Server Actions, con validación de precios y existencias en el servidor
Base de datos
Supabase — PostgreSQL con seguridad a nivel de fila, almacenamiento de imágenes y documentos, y acceso al panel por enlace mágico
Infraestructura
Vercel con despliegue continuo desde GitHub
Otros
Resend para los correos, Google Analytics 4 con Consent Mode, Search Console y Google Business Profile

«Es el mismo stack con el que está construido este sitio. No vendemos una cosa y usamos otra.»

¿Tu empresa no se ve en internet como es?

Si llevas años haciendo buen trabajo y no se nota en ninguna parte, el diagnóstico es gratuito. Revisamos qué tienes y te decimos por dónde empezar.

Pide un diagnóstico