Desarrollo web · Portfolio · Rendimiento
Art Bartolo Tattoo
Web de portfolio visual diseñada para transmitir el estilo del tatuador y convertir visitas desde redes sociales en clientes.
El reto
ContextoEl tatuador necesitaba una presencia web diferenciada que transmitiera su estilo artístico desde el primer contacto. Una parte significativa de los potenciales clientes llega desde Instagram u otras redes sociales, por lo que la experiencia móvil y la velocidad de carga son prioritarias.
El principal reto fue crear una propuesta visual contemporánea y diferenciada que pusiera las fotografías de los tatuajes en el centro, sin sacrificar rendimiento ni usabilidad en móvil.
Las páginas con muchas imágenes pueden volverse lentas sin una gestión adecuada. El diseño debía reflejar la identidad del artista de forma fiel sin depender de constructores genéricos que limitaran la expresión visual.
La solución
Se desarrolló una web de portfolio con Astro, aprovechando la generación estática para maximizar el rendimiento desde el primer acceso, especialmente en móvil.
La galería de trabajos ocupa el papel protagonista. Las imágenes se sirven en formato optimizado con carga diferida. La tipografía y la composición visual se diseñaron específicamente para transmitir la identidad del artista.
La navegación es sencilla e intuitiva para visitantes que llegan desde redes sociales, con acceso directo a los canales de contacto del estudio.
Enfoque técnico
Arquitectura Astro estática
Las páginas se generan en tiempo de build como HTML optimizado, minimizando el JavaScript del cliente y simplificando el despliegue.
Componentes reutilizables
La estructura del portfolio se construye con componentes Astro que facilitan el mantenimiento y la incorporación de nuevos trabajos.
Optimización de imágenes
Las imágenes de la galería se sirven en formatos modernos con carga diferida para reducir los tiempos de carga en móvil.
Maquetación CSS adaptativa
CSS Grid y Flexbox para maquetaciones de portfolio visuales y adaptables sin dependencias de frameworks de UI.
Diseño mobile-first
La experiencia se diseña primero para móvil, siendo el dispositivo principal de los visitantes desde redes sociales.
Estructura semántica
HTML semántico con jerarquía de headings clara y metadatos básicos para buscadores.
Galería del proyecto
Resultado
La web resultante ofrece una presentación rápida y visualmente sólida del trabajo del artista en todos los dispositivos. La generación estática de Astro mantiene los tiempos de carga bajos incluso con galería de imágenes, y el diseño diferenciado refuerza la identidad profesional del estudio frente a soluciones genéricas del sector.
Explora más de mi trabajo
Revisa más proyectos profesionales y académicos en software de negocio, desarrollo web e integraciones de sistemas.