Volver WebMakerChile
📋 Caso de Estudio

E-LIFT Chile

Plataforma web completa para venta de equipos industriales de elevación. E-commerce con catálogo dinámico, sistema de cotizaciones, panel de administración multi-usuario y notificaciones por email en tiempo real.

0
Productos en catálogo
0%
Responsive mobile
0s
Tiempo de carga
0+
Funcionalidades
Explorar el proyecto ↓

Una presencia digital que impulsa ventas

E-LIFT es una empresa chilena especializada en equipos de elevación industrial — apiladores, alzahombres, transpaletas y plataformas elevadoras — con operaciones en Santiago y Talca.


El proyecto consistió en diseñar y desarrollar una plataforma web moderna que sirviera como vitrina de productos con precios en tiempo real, sistema de cotización con envío de datos por email, y un panel de administración completo para gestionar productos, precios y cuentas de usuario.


Se priorizó una experiencia de usuario rápida, profesional y optimizada para conversión, con diseño dark premium acorde a la industria, animaciones suaves, integración con WhatsApp y formulario de contacto funcional con notificaciones automáticas.

Cliente E-LIFT Chile
Industria Equipos Industriales
Ubicación Santiago & Talca
Duración 3 semanas
Equipo 1 full-stack dev
Dominio e-lift.cl

Problemas antes del proyecto

E-LIFT operaba sin presencia digital formal, perdiendo oportunidades de venta y credibilidad en un mercado cada vez más competitivo.

Lo que construimos

Cada funcionalidad fue diseñada para maximizar conversión y facilitar la gestión autónoma del catálogo.

🛒
Catálogo dinámico
Productos con precios, ofertas, etiquetas y fichas técnicas descargables, todo gestionable desde el admin.
Los productos se almacenan en PostgreSQL y se renderizan dinámicamente. Cada producto tiene nombre, precio, precio anterior (para ofertas), imagen, características y etiqueta de estado.
+ ver detalle
📧
Formulario de cotización
Formulario con validación, selección de producto de interés y envío de notificación por email vía Resend API.
Los datos se guardan en la base de datos y se envía un email automático al equipo de E-LIFT con los datos del cliente, producto de interés y mensaje. Validación con Zod compartida entre frontend y backend.
+ ver detalle
👤
Panel admin multi-usuario
Sistema de autenticación por sesiones con roles: super admin puede crear y eliminar cuentas de administrador.
Autenticación con bcrypt y sesiones en PostgreSQL. El super admin se auto-genera y está oculto en los listados. Cada admin puede gestionar productos y cambiar su contraseña.
+ ver detalle
🖼️
Hero interactivo
Sección hero con 5 imágenes de equipos, animaciones con Framer Motion y estadísticas animadas.
Layout responsive que adapta la grilla de productos entre desktop (5 columnas) y móvil (2 columnas + centrado). Animaciones de scroll con IntersectionObserver.
+ ver detalle
📊
Google Ads tracking
Integración con Google Ads para tracking de conversiones en formulario de contacto y eventos clave.
Implementación de gtag.js con el ID de conversión AW-17957380686. Evento de conversión disparado al enviar formulario de cotización exitosamente.
+ ver detalle
SEO optimizado
Meta tags, Open Graph, Schema.org LocalBusiness, canonical URLs y sitemap para posicionamiento orgánico.
Datos estructurados JSON-LD con información de negocio, horarios, coordenadas y rango de precios. Open Graph y Twitter Cards configuradas con imagen de logo.
+ ver detalle

Diseño del sistema

Arquitectura fullstack monolítica optimizada para rendimiento y simplicidad de despliegue.

🖥️ Frontend
React 18 + TypeScript + Vite + Tailwind CSS + Framer Motion
🔌 API REST
Express 5 · /api/products · /api/inquiries · /api/admin/*
⚙️ Backend
Node.js + TypeScript + Zod validation + Resend email + bcrypt auth
🗄️ Base de datos
PostgreSQL + Drizzle ORM + connect-pg-simple sessions

Cómo lo construimos

Semana 1
Diseño y estructura base
Definición de identidad visual (dark + gold), arquitectura técnica, esquema de base de datos, configuración del stack y desarrollo del layout principal con secciones hero, productos y contacto.
Semana 2
Backend y funcionalidades core
API REST completa, formulario de cotización con envío de emails vía Resend, sistema de autenticación admin con sesiones, CRUD de productos y validación compartida con Zod.
Semana 3
Pulido, SEO y lanzamiento
Panel admin multi-usuario, Google Ads tracking, optimización SEO, animaciones con Framer Motion, testing E2E, responsive tuning y despliegue en producción con dominio e-lift.cl.
Post-lanzamiento
Iteraciones y nuevos productos
Agregado de Talca como segunda ubicación, nuevos productos (Alzahombre, Transpaleta), logo real de la empresa, mejoras de UX móvil y botones de fichas técnicas.

Tecnologías utilizadas

⚛️
React 18
UI Framework
🔷
TypeScript
Tipado estático
Vite
Bundler & dev server
🎨
Tailwind CSS
Estilos utility-first
🧩
shadcn/ui
Componentes UI
🎬
Framer Motion
Animaciones
🚂
Express 5
Backend API
🐘
PostgreSQL
Base de datos
💧
Drizzle ORM
Query builder
Zod
Validación
📬
Resend
Email API
📊
Google Ads
Conversion tracking

Impacto medible

Métricas clave antes y después del lanzamiento de la plataforma.

Presencia digital
Sin web e-lift.cl
↑ Online 24/7
Tiempo de cotización
~24 hrs < 1 min
↑ 99% más rápido
Productos visibles
0 online 8 productos
↑ Catálogo completo
Gestión autónoma
Manual Panel admin
↑ 100% autónomo
Ubicaciones
1 ciudad 2 ciudades
↑ Santiago + Talca
Carga de página
N/A < 2s
↑ Rendimiento óptimo

La página quedó exactamente como la necesitábamos. Ahora nuestros clientes pueden ver todos los equipos con precios, cotizar al instante y nosotros podemos actualizar todo desde el panel sin depender de nadie. Muy profesional el trabajo.

E-LIFT Chile

Cliente · Equipos industriales de elevación

¿Tienes un proyecto similar?

Desarrollamos plataformas web a medida para empresas que necesitan vender más y gestionar mejor su negocio online.