DEV Community: Jardiel Vega Domínguez

MarketZelle Project

Jardiel Vega Domínguez — Thu, 25 Jun 2026 22:14:46 +0000

Virtual Store for purchases via Zelle 🇺🇸 throughout Camagüey

Technology used:
Developed in Astro with Tailwind CSS

How does the purchase flow work?

• The user selects the products they wish to purchase.

• The system automatically generates a list with the total price and the information requested from the user.

• Then, it sends a WhatsApp message to the sales representative with all the order details.

Administration Panel (Inventory Management)

From the administration panel, you can:

• Add and delete products.

• Group products by category.

• Modify and update product details (price, description, etc.).

• Update promotional banner images in real time.

📍 Available throughout Camagüey
Dev Jardiel Alejandro Vega Domínguez

Building a High-Tech Corporate Platform for a Security & HVAC Company with Astro and Tailwind CSS

Jardiel Vega Domínguez — Fri, 19 Jun 2026 04:57:59 +0000

Hey tech community! 👋

I wanted to share my latest project, which I recently deployed: segtvision.us. It’s a modern, minimalist platform built for a corporate client specializing in high-end Security Systems and HVAC (Heating, Ventilation, and Air Conditioning) solutions.
When developing a corporate website for technical services, the ultimate goal isn't just to display text; it’s to build immediate trust. You achieve this through a sleek tech aesthetic, seamless user interaction, and blazing-fast loading speeds.
Here is a breakdown of how I built it, the tech choices I made, and the frontend challenges I solved—including automation and dynamic components!

🚀 The Tech Stack & Architecture
For a project requiring everything from a clean service showcase to advanced assistance flows, choosing the right tools was critical:
• Astro: The absolute star of the show. Since corporate platforms need flawless SEO and instant loading times, Astro’s island architecture was a game-changer. It delivers zero JavaScript by default, making the initial page load incredibly snappy.
• Tailwind CSS: To craft a clean, premium, high-tech look. Tailwind allowed me to quickly design structured grids for the security and climate services while keeping the overall stylesheet size minimal.
• Animated 3D Components: To break away from standard, boring corporate layouts, I integrated advanced visual elements and smooth 3D animations that elevate the user experience and reflect the brand's technological edge.

🤖 Beyond a Basic Landing Page: Store & Automation
The real technical fun was moving past a simple informational landing page to build functional infrastructure:

Integrated Store Flow: I structured a clean, frictionless catalog system so clients can easily browse and interact with the physical security products and solutions.
Automated Assistance Bot: I developed an interactive web assistant to guide users, answer frequent questions regarding HVAC/camera installations, and streamline lead generation. Thanks to Astro's partial hydration, the JavaScript for this bot and other animated UI elements only loads and executes when the user actually needs or scrolls to them, fully protecting the site's performance.

🛠️ Key Challenges & Tech Takeaways
• Media Optimization: Infrastructure sites rely heavily on high-resolution installation photos, equipment setups, and layouts, which can kill performance. I utilized Astro's native image components to automatically optimize, scale, and convert all assets into modern formats like WebP and AVIF.
• Infrastructure Management: Beyond writing the code, I managed the web infrastructure and multi-domain deployment to ensure the platform handles traffic seamlessly across different environments.

🔗 Check it out!
The site is officially live at segtvision.
I’d absolutely love to hear what the developer community thinks!
• How do you feel about combining a sleek dark aesthetic with a traditional service sector like Security/HVAC?
• What are your thoughts on the responsiveness of the automated assistant and the 3D visual flows?

Drop your feedback, critiques, or questions in the comments below. Let's talk about Astro, web animations, and modern corporate frontend development! 👇

This version frames you perfectly as an advanced developer who doesn't just code simple pages, but handles full infrastructure, automated assistants, and high-performance frontend architectures.

Creating "StepStyle" with a Focus on UX E-commerce

Jardiel Vega Domínguez — Sun, 08 Mar 2026 20:52:53 +0000

I have been working on the development of StepStyle, an e-commerce platform focused on the sale of premium footwear. The main objective was to create a fast-selling tool that solves the basic needs of a modern online store.

Implementación Técnica
Para la arquitectura del sitio, utilicé un stack orientado al rendimiento:

Astro: El núcleo del proyecto es Astro, seleccionado para lograr una carga de página eficiente y un manejo de componentes limpio.
Tailwind CSS: Toda la estructura visual y el sistema de diseño se construyeron con Tailwind, permitiendo un desarrollo ágil y consistente. - Gestión de catálogo: El sistema permite categorizar productos en secciones como "Ofertas", "Nuevos", "Económicos" y "Populares" para facilitar la navegación.

Funcionalidades del Sistema
El proyecto incluye varios módulos clave para el flujo de usuario:
- Módulo de Hero: Una sección principal preparada para destacar promociones específicas, como descuentos de hasta el 50%, con llamados a la acción directos.
- Filtros dinámicos: Una barra de navegación interna para segmentar el inventario por tipo de calzado (Deportivos, Casual, etc.).

Tarjetas de producto: Cada unidad cuenta con etiquetas de estado ("Nuevo"), precio dinámico y una función integrada de añadir al carrito. - Sección de confianza: Un bloque dedicado a servicios de valor añadido como envío gratuito, garantía premium y atención al cliente 24/7 para mejorar la tasa de conversión. El enfoque del flujo La lógica detrás de StepStyle busca reducir los clics necesarios para llegar al checkout. Desde el banner superior hasta la disposición de las categorías, todo está pensado para que la selección de productos sea lo más lineal posible.

FitLife

Jardiel Vega Domínguez — Fri, 22 Aug 2025 20:32:48 +0000

Proyecto digital donde tu evolución fitness comienza en línea.