sermix.dev
Portfolio personal diseñado desde cero con un sistema de diseño propio ("Obsidian"). La web está pensada no solo como un escaparate profesional, sino como un laboratorio de ideas donde experimento con nuevas tecnologías, patrones de diseño y estrategias de SEO/AEO.
Stack Técnico
01El reto
Necesitaba un portfolio que fuera más que una plantilla genérica. Quería un diseño distinto que reflejase mi perfil técnico, con una arquitectura preparada para escalar (blog, cursos, servicios) y compatible con generación de contenido por IA.
02Decisiones
Desarrollé un design system completo en CSS puro (sin TailwindCSS) con custom properties, glassmorphism y animaciones. La arquitectura está diseñada para que agentes de IA puedan generar contenido en Markdown con frontmatter SEO/AEO, hacer push al repo, y que se despliegue automáticamente.
03Resultados
- Design system "Obsidian" con 400+ líneas de tokens CSS reutilizables
- Arquitectura markdown-first preparada para generación de contenido por IA
- SEO completo: meta tags, Open Graph, Twitter Cards, schema.org Person
- Build time < 600ms con Vite
04Aprendizajes
La migración de TailwindCSS a CSS puro fue reveladora — ganas control total a cambio de más código inicial, pero el resultado es un diseño imposible de replicar con clases de utilidad genéricas. También experimenté con el concepto de AEO (Answer Engine Optimization) para posicionar contenido en respuestas de IA.