intro background

Portafolio

Bruno Garcia

Hero background

Bruno Garcia

Creative Frontend Developer | Experiencias Web Interactivas y Motion-Driven

Si estás planeando un nuevo sitio web, una landing page o un rediseño, envíame un breve mensaje con tu enlace o resumen. Hablemos de tus necesidades y de cómo mi experiencia puede ayudarte a alcanzar tus objetivos.

Sobre mí

Bruno G. Bruno G.

Soy Creative Frontend Developer enfocado en crear experiencias web donde el movimiento y la atención al detalle marcan la diferencia. Con más de 10 proyectos completados en Argentina y Sudamérica, colaboro con startups, instituciones y equipos creativos para construir sitios que se sientan intencionales, fluidos y visualmente distintivos. Combino el ecosistema React y Astro con sistemas avanzados de animación como GSAP y Three.js, equilibrando creatividad con claridad técnica y rendimiento.

🚀 ¿Necesitas un sitio web moderno y profesional con animaciones, velocidad y funciones orientadas a la conversión?

✨ Lo que diseño

  • Sitios web corporativos y de marketing que generan confianza y explican claramente tu propuesta de valor.
  • Landing pages de alta conversión para productos, SaaS y campañas.
  • Rediseño de sitios web desactualizados o con bajo rendimiento para mejorar UX, diseño visual y métricas.

🛠 Cómo trabajo

  • Entiendo tu negocio, público objetivo y objetivos principales (leads, ventas, registros).
  • Creo la estructura, wireframes y jerarquía de contenido para que cada bloque tenga un propósito claro.
  • Preparo diseños responsivos para desktop y mobile.
  • Entrego archivos organizados, listos para desarrollo y con especificaciones claras.

🤝 Ideal si

  • Buscas un desarrollador que entienda tanto la estrategia de negocio como el impacto visual.
  • Valoras la comunicación clara y los plazos definidos.
  • Te importan los sistemas escalables y el mantenimiento a largo plazo.

🧰 Tecnologías

Frontend

Icon: Next.js Next.js
Icon: astro astro
Icon: react react
Icon: TypeScript TypeScript
Icon: JavaScript JavaScript
Icon: html html
Icon: css css
Icon: Tailwind CSS Tailwind CSS
Icon: motion motion
Icon: GSAP GSAP

Backend

Icon: strapi strapi
Icon: supabase supabase
Icon: nodejs nodejs

Herramientas

Icon: git git
Icon: github github
Icon: canva canva
Icon: figma figma
Desarrollo Frontend Creativo Experiencias Web Interactivas Interfaces basadas en Motion Microinteracciones UI Implementación de Identidad Visual Optimización de Rendimiento Diseño Responsive Arquitectura de Componentes Estructura UX Atención al Detalle Trabajo Colaborativo

Proyectos

Plataforma Web Municipal

Plataforma Web Municipal

Next.jsStrapiTailwind CSSGSAP
Plataforma institucional oficial desarrollada para la Municipalidad de Alberti. Construida con Next.js y Strapi CMS para ofrecer gestión de contenido escalable, rendimiento optimizado y acceso estructurado a información pública.
Revista Digital Cultural

Revista Digital Cultural

AstroGSAPTailwind CSSOptimización de Rendimiento
Plataforma editorial desarrollada con Astro 5, enfocada en una experiencia de lectura de formato largo, jerarquía visual clara y narrativa enriquecida mediante animaciones para contenido cultural y filosófico.
Plataforma Educativa Interactiva

Plataforma Educativa Interactiva

Next.jsTailwind CSSArquitectura de ComponentesEstructura UX
Plataforma educativa interactiva que permite a los estudiantes personalizar su ruta de aprendizaje seleccionando libremente lecciones y nodos de conocimiento según sus intereses y objetivos. Diseñada con una arquitectura modular y escalable.
Plataforma de Monitoreo de Ahorro Energético

Plataforma de Monitoreo de Ahorro Energético

AstroTailwind CSSGSAPVisualización de Datos
Plataforma pública de transparencia que visualiza el ahorro energético generado por paneles solares instalados en edificios municipales. Incluye cálculos en tiempo real, equivalencias ambientales y renderizado optimizado.
Sistema de Búsqueda de Regiones Sanitarias

Sistema de Búsqueda de Regiones Sanitarias

Next.jsPrismaTypeScriptArquitectura de Base de Datos
Plataforma de búsqueda desarrollada para Banco Prot Programas que permite a los usuarios identificar su región sanitaria correspondiente y solicitar prótesis médicas. Construida con modelado de base de datos y lógica backend escalable.
Proyecto Web de Filosofía Estoica

Proyecto Web de Filosofía Estoica

Next.jsTailwind CSSFramer MotionAnimación UI
Sitio minimalista enfocado en aprender técnicas avanzadas de animación UI mientras comparte reflexiones estoicas, fragmentos de libros y pensamientos filosóficos. Diseñado como espacio experimental de motion design.
Concepto Web de Agencia Creativa

Concepto Web de Agencia Creativa

Next.jsTailwind CSSFramer MotionIdentidad Visual
Proyecto conceptual de diseño web inspirado en templates de Aceternity. Enfocado en el pulido de interfaz, animaciones y estética minimalista mientras explora la identidad visual de una agencia ficticia de diseño web.
Laboratorio de Animaciones Avanzadas

Laboratorio de Animaciones Avanzadas

ReactJavaScriptFramer MotionSistemas de Animación
Proyecto experimental creado para explorar patrones complejos de animación utilizando React y Framer Motion. Enfocado en micro-interacciones, transiciones de layout y arquitectura de motion a nivel componente.

Experiencia

Desarrollador Frontend

Freelance

2022 - Presente
  • Entregué más de 10 sitios web y landing pages de alto rendimiento para empresas e instituciones públicas.
  • Arquitecté sistemas frontend escalables utilizando Next.js, Astro y soluciones CMS headless.
  • Optimicé métricas de rendimiento incluyendo Lighthouse, tamaño de bundle y Core Web Vitals.
  • Colaboré directamente con clientes para definir estructura, jerarquía UX y estrategia de conversión.

Educación

Desarrollo Web Moderno e Ingeniería Frontend

Autodidacta y Formación Continua

  • Especialización avanzada en los ecosistemas de React, Next.js y Astro.
  • Estudio enfocado en optimización de rendimiento y arquitectura de componentes escalable.
  • Aprendizaje aplicado a través de proyectos reales y despliegues en producción.

Contacto