xirrete
Read in English

xirrete — desarrollador creativo independiente

Independiente · Web, movimiento, 3D, IA

Diseño páginas web interactivas y automatizo tu negocio.

Sitios web, experiencias 3D, agentes de IA y sistemas a medida.

Ver proyectos Empezar un proyecto

Con quién trabajas

Angel Ariza

Empecé por curiosidad: quería entender cómo una página web podía convertirse en una experiencia que invita a explorar. Hoy construyo esas experiencias, y también herramientas que le hacen más fácil el trabajo a alguien.

  • Web y e-commerce

    Un sitio con punto de vista y una tienda que lleva al cliente del primer vistazo al pago.

  • 3D y movimiento

    3D real y movimiento con intención, para que la gente se detenga, explore y recuerde el producto.

  • IA y automatización

    Preguntas respondidas con tu propio contenido, y solicitudes rutinarias convertidas en tareas terminadas.

Todos los proyectos

Proyectos seleccionados

Cuatro proyectos. Abre una tarjeta para ver el caso de estudio.

Sobre mí

Detrás de xirrete

Empecé por curiosidad: quería entender cómo una página web podía convertirse en una experiencia que te invita a explorar. Fui probando herramientas y descubriendo distintas formas de llevar mis ideas a la pantalla.

Hoy disfruto tanto creando experiencias interactivas como construyendo soluciones que hacen más fácil el trabajo de alguien. Me interesa entender qué necesitas, encontrar cómo resolverlo y hacerlo realidad.

Quiero que me recuerdes por lo que pude ayudarte a resolver.

Demo en vivo · LEIS Café, rehecho en esta página

Una miniatura del sitio de LEIS Café que se construye sola: aparecen las guías de diseño, la fotografía principal se revela con una máscara, se ensambla la interfaz y la página gana profundidad. Sus tarjetas de producto se pueden arrastrar, su galería cambia la fotografía, su botón se puede pulsar y su tamaño cambiar entre escritorio y móvil.

Cómo trabajo

  • Primero el trabajo

    La composición, el movimiento y los detalles deben transmitir la marca antes que el texto.

  • Movimiento con propósito

    Cada animación explica, guía o recompensa. Si no lo hace, se va.

  • Honestidad por defecto

    Los conceptos se marcan como conceptos. Sin clientes, cifras ni reseñas inventadas.

  • Hecho para entregarse

    Rápido, accesible, documentado — y todo a tu nombre.

Contacto

Hagamos realidad tu próximo proyecto.

Cuéntame qué quieres construir. Respondo personalmente, en español o en inglés.

WestcolConcepto no oficialUna pieza editorial sobre una trayectoria pública

¿Qué construimos?Elige uno o varios

Abrir un borrador de correo

Esto abre un borrador de tu mensaje en tu propia aplicación de correo; este sitio no envía nada.

O escribe directo

[email protected]
  • Trabajo para cliente
  • Aún sin publicar

LEIS Café

Sitio y tienda para una marca de café colombiana, 2026

Un sitio de una sola página para una marca familiar de café de Caldas, en español e inglés. El vídeo de portada va de la bolsa LEIS a la taza; detrás están los dos cafés que se venden en Colombia, los que se hacen bajo pedido, el relato de origen fotografiado en la finca, y exportación y mayoristas. El mismo sitio se convirtió después en un tema nativo de Shopify.

Qué construí

  • Una página, dos idiomas, sin framework y sin paso de compilación — todos los textos viven en un solo archivo y la versión en español funciona sin JavaScript
  • Vídeo de portada de la bolsa a la taza, con control de pausa, póster de respaldo y un corte 9:16 aparte para el móvil
  • Carrusel de Selección, panel de producto, carrito y pedido por WhatsApp, correo o mensaje copiado — el sitio no envía nada por sí mismo
  • Cotizador de exportación y mayoristas, consultas de disponibilidad para los cafés bajo pedido, y seis páginas legales en borrador
  • Un tema de Shopify Online Store 2.0 convertido desde él: plantillas JSON, secciones editables y los idiomas ES/EN generados desde los propios textos del sitio
Rol
Diseño, desarrollo front-end, conversión a tema de Shopify
Hecho con
HTML, CSS, módulos ES, Shopify Liquid (OS 2.0)
Estado
Trabajo para LEIS Café (Caldas, Colombia). El tema de Shopify está terminado pero a propósito sin publicar, y la tienda aún no está abierta.
Demo en vivo
No hay enlace público verificado. El sitio y el tema funcionan desde sus archivos fuente.
  • Concepto no oficial

Cannabis Natural Fashion

Sitio de campaña y tienda simulada, 2026

Un concepto de rediseño para una marca de streetwear de Bogotá que hace su ropa con cáñamo. La portada se lee como una campaña: la hoja, el logotipo, fotos que se abren como telones y un capítulo sobre la fibra. Detrás hay una tienda simulada completa.

Qué construí

  • Una portada de campaña, con la hoja dibujada a partir de la marca original
  • Todo el recorrido de compra dentro de la demostración: tienda con búsqueda, filtros y orden guardados en la URL, seis colecciones, fichas de producto, carrito, pago y confirmación
  • 103 rutas prerenderizadas con su propio SEO, redirecciones desde los slugs anteriores y una página 404 propia
  • Páginas legales en borrador marcadas para revisión, y un aviso en cada página de que no es la tienda real
Rol
Dirección de arte, diseño, desarrollo front-end
Hecho con
Vite, React 19, GSAP
Estado
Independiente y no oficial. Sin relación con Cannabis Natural Fashion; hecho para proponer el rediseño. No cobra pagos ni recoge datos.
Demo en vivo
Funciona desde sus archivos fuente. No hay enlace público de vista previa.
  • Concepto no oficial

Westcol

Pieza independiente sobre una figura pública, 2026

Una pieza de diseño independiente sobre la trayectoria pública de WestCol. Una cabeza de bloques se posa sobre su cara y un rastro que sigue al puntero revela lo que hay debajo — el personaje responde al puntero, nunca al scroll. Siete bloques llevan el relato, y una galería cuelga las piezas a distintas profundidades.

Qué construí

  • La cabeza de bloques redibujada a mano en el reparto de 64×64 del formato desde la referencia de 320×320 del proyecto, en vez de mapear el render como textura
  • Una máscara de rastro que revela y apaga la cara con el movimiento del puntero, sin ninguna rotación ligada al scroll
  • Un solo lienzo WebGL en toda la página, que se para al salir de pantalla, y ningún estado de React por frame
  • Todo lo factual en un solo archivo de contenido con su fuente y su estado de verificación — nada factual vive en un componente y nada se presenta como patrocinio
Rol
Dirección de arte, diseño, desarrollo front-end, 3D
Hecho con
Next.js 15, React, three.js, Tailwind
Estado
Independiente y no oficial. Sin afiliación ni autorización de WestCol, su equipo ni las marcas mencionadas. Con movimiento reducido no hay recorrido acortado: las composiciones se entregan terminadas.
Demo en vivo
Funciona desde sus archivos fuente. No hay enlace público de vista previa.
  • Concepto en desarrollo

All In 360

Sitio de lanzamiento para un visor espacial, 2026

El sitio que presenta un concepto de visor de presencia 360°. Las gafas reales están sobre un único escenario de three.js, dos manos se encuentran en un hilo de luz, y el scroll lleva un solo relato continuo: el dispositivo, entrar dentro, y una cena compartida entre dos ciudades.

Qué construí

  • El visor como el modelo 3D real sobre un solo escenario de three.js, con su propio HDR de estudio y pósters renderizados para cuando no hay WebGL
  • Un recorrido por capítulos con el scroll — las manos, el dispositivo, Step inside, la cena entre dos ciudades y el formulario de interés
  • El logo oficial «Portal» como SVG en línea con su propia entrada breve, más favicon, manifiesto web y variante para fondo oscuro
  • Un control para pausar el movimiento y una versión con movimiento reducido, con el peso de la página por debajo de 7 MB
Rol
Dirección creativa, 3D, desarrollo front-end
Hecho con
three.js r169, JavaScript, Blender
Estado
El visor y sus especificaciones son un concepto en desarrollo, y el sitio lo dice. Aún no existe una app de realidad virtual: este es el sitio que la presenta.
Demo en vivo
Funciona desde sus archivos fuente. No hay enlace público de vista previa.