Pilates.me: un sitio en Framer y mi paso al desarrollo con AI

Diseñé y construí por completo el sitio Pilates.me de Dubái en Framer. Me importaba controlar composición, tipografía, diseño adaptable y animación, y ver en la página publicada lo que había concebido en el editor.

Framer encajaba bien: permite crear un sitio visual, mantener un catálogo pequeño mediante CMS y publicar cambios rápido. Entre la maqueta y la página funcional apenas queda una entrega de diseño independiente al desarrollador.

Dónde empecé a sentir límites

Al crecer los proyectos me encontraba más con el coste de las suscripciones y las limitaciones de la plataforma. Editores adicionales, idiomas y requisitos de alojamiento aumentaban el gasto. En cada proyecto tenía que valorar de nuevo si ese modelo encajaba.

Pero lo principal era controlar código e infraestructura. En Framer, alojamiento, renderizado, imágenes, fuentes y publicación están muy ligados a la plataforma. Incluso exportar datos o usar un exportador externo no da el mismo flujo que un repositorio propio.

Necesitaba código fuente cuya estructura entendiera: revisable, modificable, ampliable con integraciones y alojable donde conviniera al proyecto. Poco a poco empecé a construir así la mayoría de los sitios nuevos.

Qué cambió en mi trabajo

Framer puede seguir siendo la primera herramienta para explorar composición, movimiento y dirección visual. Cuando el lenguaje de diseño está claro, lo traslado a código propio con agentes AI. Para sitios centrados en contenido suelo elegir Astro y TypeScript y alojar la compilación estática en Cloudflare.

Abajo hay una copia local del sitio publicado Pilates.me. Conserva diseño, fuentes e imágenes originales de Framer; puede recorrerse como un sitio real. Las solicitudes externas están desactivadas.

Sitio Pilates.me

Interfaz archivada · datos de demostración

Así obtuve más control sobre rutas, SEO, velocidad, estructura de contenido e integraciones futuras. Varios proyectos dejaron de necesitar una suscripción de constructor por sitio. El alojamiento sigue dependiendo de la carga y los servicios usados.

Tras más de quince años en diseño de producto, es un cambio importante: puedo continuar después de las maquetas, construir la interfaz y publicarla. La AI ayuda, pero las decisiones visuales y de producto siguen siendo mi trabajo.

Pilates.me sigue siendo un proyecto para el que elegí Framer. No descarto la herramienta: puede servir para un sitio de marketing visual que haya que lanzar rápido y editar fácilmente. Ahora elijo la plataforma final según cada proyecto.

Pilates.me sigue en Framer: composición, adaptación y animación se hicieron allí. Mi paso al código propio corresponde a trabajos posteriores. Aquí importa mostrar la calidad del sitio, no declararlo retrospectivamente una aplicación AI.

Ver Pilates.me. Mi portfolio y versión en Framer.

Pantallas y grabaciones del proyecto

Historias relacionadas: Portfolio de Framer a Astro · Etapas de PAC Journeys.