Mis plantillas web: una forma más simple de elegir tu próximo sitio
Una colección de más de 30 plantillas web que he desarrollado como Edgardo Vásquez para que clientes y reclutadores vean opciones reales antes de decidir. De la mano de 12 años de experiencia construyendo soluciones web.
Si has llegado hasta aquí, probablemente estás pensando en tener un sitio web para tu negocio o proyecto. Y sé por experiencia que no siempre es fácil explicar lo que uno quiere. Por eso empecé a armar algo distinto.
Puedes verlas todas funcionando acá:
ui-templates.edgardovasquez.cl
La idea
Me pasaba seguido que cuando alguien me pedía una página web, la conversación partía demasiado abstracta. “Quiero algo moderno”, “algo profesional” … ¿y eso qué significa exactamente?
En vez de partir de cero cada vez o andar mostrando capturas de pantalla sueltas, armé un catálogo vivo con los proyectos que he ido desarrollando. Cada plantilla es funcional —tiene su estructura, variantes de diseño, modo claro y oscuro— pero son frontend puro, sin backend ni base de datos. Suficiente para ver cómo se vería y comportaría tu sitio antes de decidir.
Así la conversación cambió de “me gustaría algo bonito” a “me gusta esa, pero con estos colores”.
Lo que tengo hoy
Son más de 30 plantillas distribuidas en varias categorías:
Para negocios y servicios: landing pages para talleres mecánicos (diesel, eléctrico automotriz, bicicletas), servicios de montaje de luces y sonido, técnico en celulares, repostería artesanal.
E-commerce: tiendas completas con carrito de compras, slider, búsqueda en tiempo real y modo claro/oscuro. El proyecto de e-commerce de aseo es el que más versiones tiene, porque fui iterando y mejorando sobre el mismo concepto.
Portafolios profesionales: desde mi propio portafolio como Solutions Architect hasta portafolios para ingenieros en redes. Cada uno con enfoques visuales distintos.
Herramientas web: como el comparador de ISAPRE (cotiza-isapre), que permite cotizar y comparar planes de salud.
Educación y deporte: como el sitio para escuela de basketball, con información de cursos, horarios y galería.
Cómo lo hago
Cada plantilla la desarrollo desde cero con HTML, CSS y JavaScript vanilla. Sin frameworks externos, sin librerías, sin depender de CDNs. Esto me permite tener control total sobre el resultado y asegurarme de que sea rápido, accesible y funcione en cualquier dispositivo.
Además, todas pasan por auditorías Lighthouse. Mantengo un estándar de 90+ en performance, accesibilidad, buenas prácticas y SEO. No es una ocurrencia de último minuto, es parte del proceso de cada template que publico.
¿Quieres saber cómo lo hago? Bueno, no es ningún secreto. Hoy estoy usando IA y modelos LLM como todo el mundo. Esto acelera el desarrollo exponencialmente. En este momento trabajo con OpenCode Go y modelos como DeepSeek v4 Flash y Pro, Mimo 2.5 de Xiaomi, Minimax M2.7 y QWEN 3.7. La gracia es que no solo escriben código, sino que entienden el contexto del proyecto, las decisiones de diseño previas y los requisitos del cliente. Eso permite que en horas tenga una versión funcional que antes me tomaba días.
Pero no es solo sentarse y pedirle a la IA que haga magia. Detrás hay un trabajo de orquestación: archivos AGENTS.md que definen cómo debe comportarse cada agente, SKILL.md que le enseñan habilidades específicas, MEMORY.md que registra cada aprendizaje para no repetir errores, y OpenSpec que gestiona el ciclo completo —plan, diseño, tareas, implementación— todo trazado con Git para mantener un historial claro de cada decisión y cambio. Es como tener un equipo de desarrolladores donde cada uno sabe exactamente su rol y lo que se espera de él.
Y toda esa estructura se apoya en 12 años viendo cómo la tecnología evoluciona a pasos agigantados, intentando no quedarme atrás en el día a día del desarrollo de software. La IA no reemplaza la experiencia. Detecta cuándo alucina, cuándo está inventando algo, y saber guiarla para que el resultado sea coherente y profesional, eso se gana con años de oficio.
Cómo elegir
Si estás evaluando opciones, el catálogo te permite ver directamente cómo se vería un sitio para un rubro similar al tuyo. Puedes navegar por categorías, ver versiones en escritorio y móvil, y hacerte una idea clara de lo que puedes obtener. También te puede servir revisar rubros distintos al tuyo; a veces encuentras soluciones o enfoques que no habías considerado y que se pueden adaptar a lo que necesitas.
¿Ninguna te calza exactamente? No hay problema. Tomamos una como base y la adaptamos a tu marca, colores y necesidades específicas. Son plantillas, no productos finales cerrados.
¿Frontend o backend? Una aclaración rápida
Si no estás muy familiarizado con el desarrollo web, estos términos pueden sonar confusos. Va una explicación simple:
Frontend es la parte visible de un sitio web. Lo que ves, los colores, los botones, los menús, las imágenes. Es lo que le presentas al usuario. Mis plantillas son 100% frontend: se ven bien, son rápidas y funcionan en cualquier dispositivo, pero no procesan datos ni guardan información.
Backend es lo que corre por detrás. Un servidor, una base de datos, lógica de negocio. Por ejemplo, un carrito de compras que recuerde los productos que agregaste, un formulario que envíe correos, o un login con usuarios registrados. Eso ya requiere un desarrollo aparte.
Mis plantillas son frontend puro. Ideales para negocios que necesitan presencia web profesional sin la complejidad de un sistema transaccional. Si necesitas backend, lo conversamos y lo desarrollamos juntos.
Puedes revisarlas todas acá y escribirme por WhatsApp cuando quieras conversar: