Demo · 24 Signature · $25K
Click los tabs para "navegar" entre 4 pantallas. La foto y el headline morfean de un layout al otro con la View Transitions API — sin reload, sin parpadeo, en 450ms. Es la mecánica que usa Vercel y Apple Music. Click los tabs.
Diseñamos sitios para negocios reales en México — clínicas, despachos, restaurantes. Sin equipo de 30, sin overhead corporativo. Cada sitio se piensa, se diseña y se entrega por una sola persona.
Los tabs no recargan página — solo cambian el atributo data-active de la pantalla mostrada. La magia está en envolver el cambio dentro de document.startViewTransition(): el navegador captura un snapshot del estado anterior, aplica el nuevo, y morphea automáticamente entre los dos.
Los elementos compartidos (headline, foto, CTA) llevan view-transition-name únicos — el navegador los identifica y los anima de su posición/tamaño anterior al nuevo. La foto que era hero pasa a ser thumbnail; el headline se reposiciona; el CTA se mantiene en su lugar. Modo cinemag.
Lo aplico a tu sitio entre rutas (home → servicio → caso → contacto). Sin reload, transiciones cinematográficas.
Cotízalo por WhatsApp