xirrete
Leer en español

xirrete — independent creative developer

Independent · Web, motion, 3D, AI

I design interactive websites and automate your business.

Websites, 3D experiences, AI agents and custom systems.

See the work Start a project

Who you work with

Angel Ariza

I started out of curiosity about how a web page could become an experience that invites you to explore. Today I build those experiences — and tools that make someone’s work easier.

  • Websites & e-commerce

    A site with a point of view, and a shop that carries customers from the first look to checkout.

  • 3D & motion

    Real 3D and deliberate motion that make people stop, explore and remember the product.

  • AI & automation

    Questions answered from your own content, and routine requests turned into finished tasks.

All projects

Selected work

Four projects. Open a card for the case study.

About

Behind xirrete

I started out of curiosity: I wanted to understand how a web page could become an experience that invites you to explore. I kept trying tools and finding different ways to get my ideas onto the screen.

Today I enjoy creating interactive experiences as much as building solutions that make someone’s work easier. What interests me is understanding what you need, working out how to solve it, and making it real.

I want you to remember me for what I helped you solve.

Live demo · LEIS Café, rebuilt on this page

A miniature of the LEIS Café site that builds itself: layout guides appear, the hero photograph is revealed through a mask, the interface assembles, then the page gains depth. Its product cards can be dragged, its gallery changes the photograph, its button can be pressed, and its size switched between desktop and mobile.

How I work

  • Work before words

    Layout, motion and detail should carry the brand before any copy has to.

  • Motion with a job

    Every animation explains, guides or rewards. If it doesn’t, it goes.

  • Honest by default

    Concepts are labeled as concepts. No invented clients, numbers or reviews.

  • Built to hand over

    Fast, accessible, documented — and everything in your name.

Contact

Let’s build your next project.

Tell me what you want to build. I reply personally, in English or Spanish.

WestcolUnofficial conceptAn editorial piece about a public career

What should we build?Pick one or more

Open an email draft

This opens a draft of your message in your own email app — nothing is sent from this site.

Or write directly

[email protected]
  • Client work
  • Not published yet

LEIS Café

Site and shop for a Colombian coffee brand, 2026

A one-page site for a family coffee brand in Caldas, in Spanish and English. The cover film runs from the LEIS bag to the cup; behind it sit the two coffees sold in Colombia, the ones made to order, the origin story photographed on the farm, and export and wholesale. The same site was then converted into a native Shopify theme.

What I built

  • One page, two languages, no framework and no build step — every string lives in a single file and the Spanish version works without JavaScript
  • Cover film from the bag to the cup, with a pause control, a poster fallback and a separate 9:16 cut for phones
  • Selection carousel, product panels, cart and order by WhatsApp, email or copied message — the site sends nothing itself
  • Export and wholesale quote builder, availability inquiries for the coffees made to order, and six draft legal pages
  • An Online Store 2.0 Shopify theme converted from it: JSON templates, editable sections, and ES/EN locales generated from the site’s own strings
Role
Design, front-end development, Shopify theme conversion
Built with
HTML, CSS, ES modules, Shopify Liquid (OS 2.0)
Status
Client work for LEIS Café (Caldas, Colombia). The Shopify theme is finished but deliberately unpublished, and the store is not open yet.
Live demo
No public link verified. Both the site and the theme run from their source files.
  • Unofficial concept

Cannabis Natural Fashion

Campaign site and simulated shop, 2026

A redesign concept for a Bogotá streetwear label that makes its clothes with hemp. The home reads like a campaign: the leaf, the wordmark, plates that open like curtains and a chapter on the fibre itself. A complete simulated shop sits behind it.

What I built

  • A campaign home, with the leaf outline drawn from the brand’s own mark
  • The whole shopping journey inside the demo: shop with search, filters and sorting held in the URL, six collections, product pages, cart, checkout and confirmation
  • 103 routes prerendered with their own SEO, redirects from earlier slugs, and a custom 404
  • Draft legal pages flagged for the owner, and a banner on every page saying this is not the real store
Role
Art direction, design, front-end development
Built with
Vite, React 19, GSAP
Status
Independent and unofficial. Not affiliated with Cannabis Natural Fashion; built to pitch the redesign. It takes no payments and collects no data.
Live demo
Runs from its source files. There is no public preview link.
  • Unofficial concept

Westcol

Independent piece about a public figure, 2026

An independent design piece about WestCol’s public career. A head of blocks sits over his face and a trail that follows the pointer reveals what is underneath — the character answers the pointer, never the scroll. Seven blocks carry the story, and a depth gallery hangs the pieces at different distances.

What I built

  • The block head redrawn by hand into the format’s own 64×64 skin layout from the project’s 320×320 reference, rather than mapping the render as a texture
  • A trail mask that reveals and dims the face from pointer movement, with no rotation tied to the scroll
  • One WebGL canvas for the whole page, stopped as soon as it leaves the screen, and no React state written per frame
  • Every fact in one content file with its source and verification status — nothing factual lives in a component, and nothing is presented as a sponsorship
Role
Art direction, design, front-end development, 3D
Built with
Next.js 15, React, three.js, Tailwind
Status
Independent and unofficial. Not affiliated with or authorised by WestCol, his team or the brands named. With reduced motion there is no shortened journey: the compositions are delivered finished.
Live demo
Runs from its source files. There is no public preview link.
  • Concept in development

All In 360

Launch site for a spatial headset, 2026

The site that introduces a 360° presence headset concept. The real glasses sit on a single three.js stage, two hands meet at a thread of light, and the scroll carries one continuous story: the device, stepping inside, and a dinner shared across two cities.

What I built

  • The headset shown as the real 3D model on one three.js stage, with its own studio HDR and rendered posters for the no-WebGL case
  • A scroll journey in chapters — the hands, the device, Step inside, the dinner across two cities, and the interest form
  • The official Portal logo as inline SVG with its own short entrance, plus favicon, web manifest and a variant for dark backgrounds
  • A pause-motion control and a reduced-motion path, with the page weight kept under 7 MB
Role
Creative direction, 3D, front-end development
Built with
three.js r169, JavaScript, Blender
Status
The headset and its specs are a concept in development, and the site says so. There is no VR app yet: this is the site that introduces it.
Live demo
Runs from its source files. There is no public preview link.