Sitio de producto
R-Flow
El sitio de un mini purificador de aire, conectado a Shopify por API.
En línea
5 idiomas
0 dependencias: generador propio
3 funciones de Cloudflare
Un sitio a medida, en cinco idiomas, para vender un mini purificador de aire: el carrito está integrado en la página y pasa por la API de Shopify, sin tema. Es también donde llevo la animación más lejos: desplazamiento controlado en CSS, transiciones de vista, movimiento reducido respetado.
Herramientas: HTML, CSS, JavaScript, Shopify Storefront API, Cloudflare Pages.
Animaciones guiadas por el desplazamiento
El sitio
- Generador estático propio, sin ninguna dependencia.
- Carrito en la página, conectado a Shopify por la API Storefront.
- Cinco idiomas.
Del lado del servidor
- Tres funciones de Cloudflare: geolocalización, medición de Meta del lado del servidor, lista de espera por color.
El movimiento
- Animaciones guiadas por el desplazamiento en CSS, con una alternativa para los navegadores que no las tienen.
- Transiciones de vista entre páginas, apariciones al desplazarse.
- Todo se detiene cuando el dispositivo pide menos animaciones.