Estudio de caso
Custom Digital Services, sitio corporativo
Sitio vitrina de una consultoría Microsoft Power Platform con animaciones y catálogo open source GitHub.
El contexto
Sitio corporativo de la consultoría Custom Digital Services, experta en Microsoft Power Platform e IA. Vitrina moderna con animaciones de partículas y glassmorphism, catálogo de formaciones dinámico, vitrina open source sincronizada automáticamente con GitHub, blog técnico.
El reto
Crear un sitio corporativo que demuestre la modernidad técnica de CDS desde el primer segundo, manteniéndose eficiente y accesible. Poner en valor la experiencia mediante el código open source publicado en GitHub.
La solución
Stack Astro estático con animaciones CSS puras y tsParticles ligera para el hero. Sincronización automática de los repositorios públicos GitHub vía la API REST. Catálogo de formaciones en MDX para edición rápida. Diseño dark mode distintivo con micro-interacciones al hacer scroll.
- Hero animado: partículas + iconos flotantes + glassmorphism
- Catálogo de formaciones dinámico
- Vitrina GitHub auto-sincronizada (open source)
- Blog técnico MDX
- Secciones animadas al hacer scroll
- Diseño oscuro con acentos naranjas distintivos
Stack técnico
- Astro
- Tailwind CSS
- GitHub API
- tsParticles
Los resultados
- Lighthouse Escritorio
- 98/100 Lighthouse Escritorio Medido el 28/05/2026
- Lighthouse Móvil
- 74/100 Lighthouse Móvil Animaciones ricas priorizadas para el branding
- Buenas prácticas
- 100/100 Buenas prácticas
- SEO
- 100/100 SEO
Perfil del proyecto
Consultoras B2B, formación tech, autónomos Microsoft
- Fórmula equivalente
- Vitrina Pro
- Módulos añadidos
- Integración con API externa (GitHub), Partículas animadas a medida
- Tarificación
- A consultar
Cada proyecto es único y se presupuesta gratis según su alcance. Este proyecto se muestra como ejemplo de realización.
Transparencia
El sitio prioriza voluntariamente animaciones ricas por encima de la línea de flotación para servir al posicionamiento de marca de CDS. Hay prevista una optimización móvil específica en una V2 para alcanzar 90+ en Móvil sin sacrificar la identidad visual.