Portafolio
Marca personal / bienestar 2026 Diseño UX/UI + Desarrollo Jamstack

Ana Albiol

Una experiencia web emocional, clara y rápida para presentar una propuesta de valor personal con más autoridad.

Página principal del proyecto Ana Albiol
ClienteAna Albiol
SectorMarca personal / bienestar
RolDiseño UX/UI + Desarrollo Jamstack
TipoDiseño y desarrollo web
Año2026
StackAstro, Tailwind v4, TypeScript, Vercel
Vista previa del proyecto

Recorrido visual por la home.

Narrativa

El reto

La marca necesitaba transmitir sensibilidad y confianza sin caer en una estética genérica de bienestar. El contenido existente estaba disperso y no comunicaba jerarquía.

La solución

Diseñé una dirección visual editorial con alto contraste emocional, un sistema de secciones narrativas reutilizables y una implementación ligera en Astro orientada a rendimiento y SEO.

El resultado

El resultado es una web más clara, memorable y preparada para campañas de captación. La estructura facilita la publicación de contenido y refuerza la autoridad de la marca.

Resultados clave

+38%Mejora de rendimientoComparado con la versión anteriorEstimación
-42%Tiempo de cargaReducción estimada en LCPEstimación
100/100SEO ScoreLighthouse SEO auditResultado medido

Performance

La página fue optimizada para carga rápida, assets ligeros y buena experiencia móvil.

Performance
96/100

Antes: 62/100

Accessibility
100/100
SEO
100/100
Best Practices
96/100

Tecnología

AstroFrontend

Ideal para una web rápida, estática y orientada a contenido.

Tailwind v4CSS

Sistema de utilidades que acelera la iteración visual sin sacrificar consistencia.

TypeScriptCódigo

Mejor mantenibilidad en componentes e interacciones.

VercelInfraestructura

Despliegue continuo con preview automático en cada commit.

Galería

Proceso

01

Diagnóstico

Análisis del contenido existente, definición de objetivos y mapeo de la arquitectura de información.

02

Dirección visual

Definición de una atmósfera editorial con alto contraste emocional y tipografía expresiva.

03

Sistema de secciones

Construcción de bloques reutilizables para comunicar servicios, filosofía y testimonios.

04

Desarrollo

Implementación en Astro con Content Collections, rutas dinámicas y SEO técnico integrado.

05

Optimización

Ajuste de imágenes, estructura semántica, rendimiento móvil y validación Lighthouse.

Siguiente proyecto

Siguiente proyecto: Branspot

Branspot

E-commerce de moda femenina creado para vender con una experiencia visual premium, rápida y sin fricción.

¿Quieres un proyecto con este nivel de intención?

Ver servicios