NovaKit landing con SvelteKit
Mi primer proyecto fuera de WordPress: una landing de producto con SvelteKit, animaciones CSS, mockups interactivos y multi-idioma nativo.
El reto
Demostrar dominio real de SvelteKit sin un cliente detrás.
Necesitaba una pieza de portfolio que fuera más que una web estática: algo que mostrara arquitectura de componentes, estado, rendimiento y criterio de producto. Sin brief de cliente, el reto era imponerme un estándar alto y que la landing hablara por sí sola ante reclutadores o equipos técnicos.
Lo que hice
Una landing page de UI toolkit completa con mockups interactivos y sistema de diseño propio.
Desarrollé la landing con SvelteKit y TypeScript, con secciones animadas en CSS, mockups tipo ventana de navegador y bloques reutilizables. Integré escena 3D con Spline, sistema i18n para español e inglés, y tests con Vitest donde aportaba valor al flujo. Todo pensado mobile-first y con foco en Core Web Vitals.
Resultado
Del diseño a la implementación técnica: el salto al stack moderno.
El resultado es un sitio desplegable, mantenible y alineado con cómo trabajo hoy: stack moderno, menos dependencias innecesarias y una base clara para iterar. Sirve como demo viva del tipo de interfaces y disciplina que puedo aportar en producto o en equipo de desarrollo.
Stack tecnológico