DA. Contactar
Portafolio · Desarrollo Web Disponible para proyectos

Diego Andrade

Desarrollo Web · E-Commerce · Soluciones Digitales

Transformo ideas y necesidades de negocio en experiencias digitales funcionales.

Desarrollo sitios web, tiendas online y soluciones digitales a medida, combinando diseño, tecnología, rendimiento y experiencia de usuario.

Ver proyectos Contactarme
Stack
JavaScript React Next.js WordPress WooCommerce APIs IA
01 — Trabajo seleccionado

Proyectos
destacados

Una selección de proyectos reales desarrollados para diferentes industrias y necesidades de negocio.

Siguiente

Tu proyecto puede ser el número 14.

Cuéntame qué necesitas y definimos juntos el alcance técnico.

Hablemos
02 — Enfoque

Más que
una web.

  • 01Una tienda necesita vender.
  • 02Una empresa industrial necesita generar oportunidades comerciales.
  • 03Una institución necesita comunicar.
  • 04Una plataforma educativa necesita conectar personas y servicios.

Por eso no desarrollo todos los proyectos de la misma manera.

Primero entiendo el problema. Después construyo la solución.

03 — Capacidades

Qué hago

Cinco áreas de trabajo que se combinan según el objetivo de cada proyecto.

01

Desarrollo Web

Sitios web modernos, responsivos y adaptados a las necesidades de cada proyecto.

02

E-Commerce

Tiendas online y catálogos digitales diseñados para facilitar la navegación y conversión.

03

WordPress

Desarrollo y personalización de sitios WordPress, WooCommerce y soluciones a medida.

04

Integraciones

Conexión con APIs, servicios externos, herramientas digitales e Inteligencia Artificial.

05

Optimización

Mejora de rendimiento, velocidad, experiencia de usuario y SEO técnico.

04 — Stack

Tecnologías

Herramientas que uso para construir, conectar, medir y mantener cada plataforma.

Frontend

  • JavaScript
  • React
  • Next.js
  • Astro
  • Tailwind CSS
  • HTML5
  • CSS3

CMS & E-Commerce

  • WordPress
  • WooCommerce
  • Elementor

Integraciones

  • REST APIs
  • Supabase
  • Firebase
  • Firestore
  • PHP

Infraestructura

  • MySQL
  • PostgreSQL
  • Vercel
  • Cloudflare
  • Git
  • cPanel
  • VPS

Analítica

  • Google Analytics
  • Google Tag Manager
  • Search Console
  • Lighthouse

Inteligencia

  • APIs de IA
  • Integraciones con Inteligencia Artificial
05 — Contacto

¿Tienes un proyecto en mente?

Hablemos.

Si necesitas desarrollar un sitio web, una tienda online o una solución digital personalizada, puedes contactarme.

Contactarme Enviar correo WhatsApp

Diego Andrade

Ambato, Ecuador

E-Commerce · Catálogo · Inteligencia Artificial

Akabados

Plataforma digital para una empresa especializada en productos y soluciones para espacios interiores y exteriores.

Portada de la plataforma Akabados

El reto

Llevar a digital un catálogo amplio de productos para espacios interiores y exteriores y, al mismo tiempo, ofrecer herramientas que acompañen al usuario antes de decidir su compra: no bastaba con mostrar productos, había que ayudar a proyectarlos.

La solución

Una plataforma de e-commerce construida sobre WordPress y WooCommerce, con el catálogo estructurado por categorías y atributos para que la navegación siga la lógica del producto y no la del CMS.

Sobre esa base se sumaron herramientas digitales propias: un cotizador y un simulador basado en Inteligencia Artificial, integrados mediante APIs y conectados a la experiencia de navegación del sitio.

Mi trabajo

  • Arquitectura de información y estructura del catálogo por categorías y atributos.
  • Desarrollo y personalización del sitio sobre WordPress, WooCommerce y Elementor.
  • Implementación del cotizador y del simulador con Inteligencia Artificial.
  • Integración con APIs y servicios externos.
  • Desarrollo de funcionalidades a medida con JavaScript.
  • Optimización de rendimiento y SEO técnico.

Tecnologías

WordPressWooCommerceElementorJavaScriptAPIsIA

Resultado

La plataforma permite hoy explorar el catálogo completo por categorías, consultar fichas de producto, generar cotizaciones y utilizar el simulador con Inteligencia Artificial dentro del mismo entorno digital, además de administrar el contenido y los productos desde el propio gestor.

Visitar sitio akabados.com.ec
E-Commerce · WordPress · WooCommerce

Mil Boots

Plataforma de comercio electrónico para una empresa ecuatoriana especializada en calzado.

Portada de la tienda online Mil Boots

El reto

Trasladar una operación de calzado a un entorno de venta online, con un catálogo que debía organizarse por líneas y usos —trabajo, escolar, deportivo, dotación— y con productos que varían en talla y color.

La solución

Una tienda desarrollada con WordPress y WooCommerce, con el catálogo organizado por categorías y productos variables que permiten gestionar tallas y variantes desde una sola ficha.

La estructura del sitio prioriza el recorrido de compra: categorías claras, fichas de producto completas y las funcionalidades propias de una tienda online (búsqueda, carrito y proceso de compra).

Mi trabajo

  • Montaje y configuración de la tienda WooCommerce.
  • Estructura de categorías, atributos y productos variables.
  • Maquetación y desarrollo del sitio con Elementor.
  • Personalizaciones y ajustes funcionales con JavaScript y PHP.
  • Optimización de la experiencia de navegación y del rendimiento.

Tecnologías

WordPressWooCommerceElementorJavaScriptPHP

Resultado

La empresa cuenta con una tienda online operativa: puede publicar y administrar su catálogo por categorías, gestionar productos variables con sus tallas y variantes, y recibir pedidos a través del sitio.

Visitar sitio milboots.com
B2B · Industria · Catálogo de productos

Crusher Spares

Plataforma digital orientada al sector de minería, trituración y procesamiento de agregados.

Portada de la plataforma Crusher Spares

El reto

Presentar un portafolio técnico extenso —maquinaria, repuestos, piezas de desgaste, mallas y soluciones especializadas— ante un comprador industrial que necesita identificar rápido si existe la pieza que busca.

La solución

Un sitio corporativo desarrollado sobre WordPress con el contenido organizado por líneas de producto y aplicación, de modo que cada familia de repuestos y equipos tenga su propio espacio y su ruta de contacto.

El desarrollo se acompañó de trabajo de SEO técnico para que las líneas de producto sean localizables desde buscadores, que es el punto de entrada habitual en este tipo de industria.

Mi trabajo

  • Arquitectura de contenido por líneas de producto y aplicación.
  • Desarrollo y maquetación del sitio con WordPress y Elementor.
  • Componentes y comportamientos personalizados con JavaScript.
  • SEO técnico: estructura semántica, metadatos y URLs.
  • Optimización de imágenes y rendimiento de carga.

Tecnologías

WordPressElementorJavaScriptSEO

Resultado

La empresa dispone de un catálogo digital consultable de su maquinaria, repuestos y piezas de desgaste, con rutas de contacto directas desde cada sección y una base preparada para seguir sumando líneas de producto.

Visitar sitio crusher-spares.com
Web Corporativa · B2B · Industria

Ecuainpro

Plataforma corporativa enfocada en soluciones industriales para minería, agregados y concreto.

Portada de la plataforma Ecuainpro

El reto

Comunicar una oferta industrial amplia —equipos, repuestos, componentes especializados y servicios— hacia tres sectores distintos, y hacerlo con una orientación clara: que la web funcione como canal de generación de oportunidades comerciales.

La solución

Una plataforma corporativa desarrollada en WordPress, estructurada por sector y por tipo de solución, con fichas de equipos y componentes y un recorrido que conduce de forma natural hacia el contacto.

Cada sección se construyó pensando en el momento del proceso de compra en el que llega el visitante, priorizando claridad técnica sobre volumen de texto.

Mi trabajo

  • Estructura del sitio por sectores y líneas de solución.
  • Desarrollo y maquetación con WordPress y Elementor.
  • Interacciones y componentes personalizados con JavaScript.
  • Definición de rutas de conversión y formularios de contacto.
  • SEO técnico y optimización de rendimiento.

Tecnologías

WordPressElementorJavaScriptSEO

Resultado

La plataforma presenta hoy el portafolio de equipos, repuestos, componentes y servicios organizado por sector, y ofrece a los visitantes un camino directo para solicitar información y abrir una conversación comercial.

Visitar sitio ecuainpro.com
Web Corporativa · Industria Textil · B2B

Molriv

Plataforma digital para una empresa especializada en producción de prendas de vestir.

Portada de la plataforma Molriv

El reto

Mostrar a un cliente B2B algo que no se explica solo con un catálogo de productos: la capacidad de producción de la empresa, sus procesos, los materiales con los que trabaja y las siluetas que puede fabricar.

La solución

Un sitio corporativo en WordPress organizado alrededor de las capacidades productivas: procesos, materiales y catálogo de siluetas, complementado con contenido relacionado con la industria textil.

La jerarquía visual está pensada para que un comprador evalúe rápidamente si la empresa puede producir lo que necesita.

Mi trabajo

  • Estructura de contenido: procesos, materiales y catálogo de siluetas.
  • Desarrollo y maquetación con WordPress y Elementor.
  • Componentes interactivos con JavaScript.
  • Sección de contenidos sobre la industria textil.
  • SEO técnico y optimización de imágenes.

Tecnologías

WordPressElementorJavaScriptSEO

Resultado

La empresa cuenta con una plataforma que presenta sus capacidades de producción, procesos y materiales, mantiene actualizado su catálogo de siluetas y publica contenido propio del sector.

Visitar sitio molriv.com
Educación · Plataforma Digital · Servicios Online

Académica Educación Online

Plataforma digital para una institución especializada en educación adaptativa y formación online.

Portada de la plataforma Académica Educación Online

El reto

Una institución educativa no vende un producto: conecta personas con programas, servicios y acompañamiento. El sitio debía ordenar una oferta diversa —programas, tutorías, servicios psicopedagógicos, eventos y recursos— sin que el estudiante o su familia se perdieran.

La solución

Una plataforma en WordPress organizada por tipo de necesidad, donde cada programa y servicio tiene su espacio propio, y con secciones para eventos y recursos dirigidos a los estudiantes.

El sitio se conecta además con el Campus Virtual, de modo que la web pública y el entorno de estudio funcionan como un mismo recorrido.

Mi trabajo

  • Arquitectura de información de programas y servicios.
  • Desarrollo y maquetación con WordPress y Elementor.
  • Secciones de eventos y recursos para estudiantes.
  • Conexión con el Campus Virtual.
  • SEO técnico y optimización de rendimiento.

Tecnologías

WordPressElementorJavaScriptSEO

Resultado

La institución presenta su oferta educativa completa en un solo lugar, comunica sus servicios de tutoría y acompañamiento psicopedagógico, difunde eventos y recursos, y ofrece a los estudiantes un acceso claro hacia el Campus Virtual.

Visitar sitio academicaeducaciononline.com
Marca Personal · Comunicación · Gestión

Gonzalo Callejas

Plataforma digital enfocada en comunicar trayectoria, proyectos y gestión.

Portada de la plataforma Gonzalo Callejas

El reto

Ordenar información personal e institucional de naturaleza muy distinta —trayectoria, proyectos, plan de trabajo, galería y documentación— en un solo espacio que resultara claro y consultable.

La solución

Una plataforma en WordPress dividida en secciones claramente diferenciadas, cada una con su propio formato: contenido narrativo para la trayectoria y los proyectos, formato de documento para el plan de trabajo y la documentación, y formato visual para la galería.

Mi trabajo

  • Organización de contenidos en secciones diferenciadas.
  • Desarrollo y maquetación con WordPress y Elementor.
  • Galería y visualización de documentación.
  • Interacciones con JavaScript.
  • SEO técnico y optimización de carga.

Tecnologías

WordPressElementorJavaScriptSEO

Resultado

La plataforma reúne en un solo sitio la trayectoria, los proyectos, el plan de trabajo, la galería y la documentación, con una estructura que permite consultar cada bloque de forma independiente y mantenerlo actualizado.

Visitar sitio gonzalocallejas.com
Inmobiliaria · Portal de Propiedades · Inteligencia Artificial

Chango Inmobiliaria

Portal inmobiliario para Ambato y Riobamba, con buscador de propiedades y asistente basado en Inteligencia Artificial.

Portada del portal inmobiliario Chango Inmobiliaria

El reto

Una inmobiliaria trabaja con un inventario que cambia cada semana: propiedades que entran, se reservan o se venden. El reto era publicar ese inventario en un portal propio —no en un clasificado de terceros— y que cualquier persona pudiera filtrar entre decenas de casas, departamentos y terrenos sin perderse.

La solución

Un portal desarrollado con Next.js y React sobre una base de datos en Supabase, de modo que cada propiedad se administra desde un solo lugar y el sitio se actualiza sin tocar código.

Sobre esa base se construyó el buscador por ciudad, sector y tipo de propiedad, las fichas con galería y datos de cada inmueble, la sección para quienes quieren vender, un blog de contenidos de compra y un asistente con Inteligencia Artificial que responde consultas y orienta la búsqueda.

Mi trabajo

  • Arquitectura del portal y modelado de la base de datos de propiedades en Supabase.
  • Desarrollo del frontend con Next.js, React y Tailwind CSS.
  • Buscador y filtros por ciudad, sector y tipo de propiedad.
  • Fichas de propiedad con galería, características y contacto directo.
  • Integración del asistente con Inteligencia Artificial.
  • Módulo de contenidos y SEO técnico para posicionamiento local.

Tecnologías

Next.jsReactSupabaseTailwind CSSIASEO

Resultado

La inmobiliaria administra hoy su propio catálogo de propiedades en Ambato y Riobamba, publica nuevos inmuebles sin depender de terceros y recibe consultas desde el mismo sitio, con el asistente de IA y WhatsApp como puertas de entrada.

Visitar sitio changoinmobiliaria.com
Catálogo B2B · Aluminio y Vidrio · Pedidos

Vidal Importadora

Catálogo digital de aluminio, vidrio y accesorios para la construcción, con pedido rápido y cotización por WhatsApp.

Portada del catálogo digital de Vidal Importadora

El reto

El comprador de aluminio y vidrio —instalador, maestro o constructor— no busca inspiración: busca la pieza exacta y su compatibilidad. Había que ordenar perfilería, herrajes, cerraduras, ruedas, felpas y vidrio en un catálogo que se pudiera recorrer rápido y terminar en un pedido.

La solución

Un catálogo desarrollado con Next.js y React, organizado por líneas —aluminio, vidrio, paneles y accesorios— con buscador de productos y fichas que muestran colores, medidas y compatibilidades.

El recorrido termina en una lista de pedido que el cliente arma en el sitio y envía por WhatsApp, el canal que este sector realmente usa para cotizar.

Mi trabajo

  • Estructura del catálogo por líneas, categorías y atributos técnicos.
  • Desarrollo del sitio con Next.js, React y Tailwind CSS.
  • Buscador de productos y módulo de pedido rápido.
  • Integración del flujo de cotización por WhatsApp.
  • Sección de ofertas, proyectos de referencia y preguntas frecuentes.
  • Optimización de rendimiento y SEO técnico.

Tecnologías

Next.jsReactTailwind CSSJavaScriptSEO

Resultado

La importadora tiene un catálogo público y actualizable, con precios por mayor para instaladores y un camino claro desde el producto hasta la cotización, sin llamadas intermedias.

Visitar sitio vidalimportadora.com
E-Commerce · Moda · Boutique

María Elisa

Tienda online de la boutique María Elisa, en Ambato, con catálogo por colecciones y envíos a todo el Ecuador.

Portada de la tienda online María Elisa Ecuador

El reto

Llevar una boutique física a la venta online sin perder lo que la distingue: la ropa se compra por cómo se ve. El catálogo debía sostener fotografía de campaña a pantalla completa y, al mismo tiempo, funcionar como una tienda —tallas, favoritos, carrito y una entrega que el cliente entienda antes de comprar.

La solución

Una tienda desarrollada con Next.js y React, con el catálogo y los productos administrados sobre Supabase y organizados por colecciones y categorías: vestidos, conjuntos, tops, faldas, pantalones, calzado y accesorios.

La experiencia prioriza la imagen del producto y deja explícitas las condiciones comerciales —envío a todo el Ecuador y pago contra entrega en Ambato—, con cuenta de usuario, favoritos y carrito.

Mi trabajo

  • Estructura del catálogo por colecciones, categorías y atributos.
  • Desarrollo de la tienda con Next.js, React y Tailwind CSS.
  • Modelado y administración de productos sobre Supabase.
  • Cuenta de usuario, lista de favoritos y carrito de compra.
  • Fichas de producto con galería, tallas y variantes.
  • Optimización de imágenes, rendimiento y SEO.

Tecnologías

Next.jsReactSupabaseTailwind CSSSEO

Resultado

La boutique vende hoy fuera de Ambato: publica sus colecciones por temporada, gestiona el catálogo desde un solo panel y recibe pedidos en línea con envío nacional.

Visitar sitio mariaelisaecuador.com
Catálogo B2B · Vidrio y Aluminio · Distribución

Patovid

Plataforma de catálogo para PATOVID, distribuidores de CEDAL en vidrio, aluminio y accesorios.

Portada de la plataforma de catálogo Patovid

El reto

Una distribuidora con más de veinte años de trayectoria y un catálogo amplio necesitaba mostrar en digital algo que hasta entonces vivía en el mostrador: qué perfil de CEDAL corresponde a cada proyecto, qué accesorio es compatible y qué tipo de vidrio conviene.

La solución

Una plataforma construida con Next.js y React, con el catálogo dividido en aluminio, vidrio, paneles y accesorios, fichas por producto y un módulo de pedido rápido para clientes que ya saben lo que necesitan.

El sitio apoya la decisión con proyectos de referencia, preguntas frecuentes y una explicación del proceso de compra, y deriva la cotización a WhatsApp con la lista ya armada.

Mi trabajo

  • Arquitectura del catálogo por líneas de producto y compatibilidades.
  • Desarrollo del sitio con Next.js, React y Tailwind CSS.
  • Módulo de pedido rápido y lista de cotización.
  • Integración del contacto y la cotización por WhatsApp.
  • Secciones de proyectos, proceso de compra y preguntas frecuentes.
  • Optimización de rendimiento y SEO técnico.

Tecnologías

Next.jsReactTailwind CSSJavaScriptSEO

Resultado

PATOVID presenta hoy su catálogo completo en línea, con la asesoría técnica y la condición de distribuidor de CEDAL visibles desde la portada, y un canal de cotización directo con el cliente.

Visitar sitio patovid.com
Industria Textil · Uniformes · Promocionales

TMG Fabricantes

Sitio para una fábrica de uniformes corporativos y material promocional en Quito.

Portada del sitio de TMG Fabricantes

El reto

Una fábrica que produce uniformes y promocionales no vende una unidad: vende un pedido corporativo con logo, tallas y plazos. El sitio debía presentar líneas muy distintas —médica, industrial, alimenticia, gorras, mochilas, estampados, grabado láser— y llevar a una cotización concreta.

La solución

Un sitio desarrollado con Astro y Tailwind CSS, pensado para cargar rápido y ordenar el catálogo por líneas de producto y sectores atendidos.

Sobre esa base se sumó un configurador que permite elegir el producto, personalizarlo con el logo y armar una lista de cotización que se envía por WhatsApp en tres pasos.

Mi trabajo

  • Arquitectura del sitio y organización del catálogo por líneas y sectores.
  • Desarrollo con Astro y Tailwind CSS, orientado a rendimiento.
  • Configurador de producto y previsualización con logo.
  • Lista de cotización y envío por WhatsApp en tres pasos.
  • Secciones de pilares, clientes y alcance nacional e internacional.
  • SEO técnico y optimización de carga.

Tecnologías

AstroTailwind CSSJavaScriptSEO

Resultado

TMG cuenta con un sitio que presenta su fabricación propia en Quito, recorre todas sus líneas de producto y convierte la consulta en una cotización estructurada por WhatsApp.

Visitar sitio tmgfabricantes.com
Marca Personal · Gestión Legislativa · Comunicación

Valentina Centeno

Plataforma digital de comunicación y rendición de cuentas de la asambleísta Valentina Centeno.

Portada de la plataforma de la asambleísta Valentina Centeno

El reto

La gestión legislativa produce material disperso —leyes, recorridos territoriales, agenda internacional, proyectos— que rara vez llega ordenado a la ciudadanía. El reto era reunirlo en un sitio propio, legible y actualizable, que sirviera a la vez de presentación y de rendición de cuentas.

La solución

Una plataforma organizada en bloques independientes: biografía, leyes impulsadas, gestión en Manabí, agenda internacional y proyectos, cada uno consultable por separado.

El sitio abre con un carrusel de mensajes y trabajo territorial, y mantiene visible en toda la navegación el canal de contacto directo para escribir a la asambleísta.

Mi trabajo

  • Arquitectura de contenidos y estructura de secciones.
  • Maquetación y desarrollo del sitio.
  • Carrusel de portada y bloques de trayectoria y gestión.
  • Formulario y canal directo de mensajes ciudadanos.
  • Optimización de imágenes y rendimiento.
  • SEO técnico y protección del sitio con Cloudflare.

Tecnologías

JavaScriptSEOCloudflareOptimización

Resultado

La asambleísta cuenta con un espacio propio donde publica su trabajo legislativo y territorial de forma ordenada, y donde la ciudadanía puede consultar leyes, proyectos y agenda, o escribirle directamente.

Visitar sitio valentinacenteno.com.ec