Hola, soy Gonzalo
Orellana👋
Transformo ideas complejas en interfaces dinámicas, intuitivas y de alto rendimiento. Desarrollador/Programador y editor de video freelance enfocado en crear experiencias digitales fluidas y estéticas.
Stack tecnológico
HTML
CSS
JavaScript
React
Python
Google Sheets
Looker Studio
SQL
WordPress
Elementor
Premiere Pro
After Effects
HTML
CSS
JavaScript
React
Python
Google Sheets
Looker Studio
SQL
WordPress
Elementor
Premiere Pro
After Effects
Sobre Mí
Gonzalo Orellana
Desarrollador & UI/UX DesignerAyudo a emprendedores a tener presencia online profesional mientras desarrollo mi carrera en IT
Educación y Formación
Carrera universitaria orientada al ámbito corporativo. Desarrollo integral de habilidades tecnológicas avanzadas junto a capacidades sólidas en gestión, diseño y estrategias IT para liderar la evolución de las empresas.
Experiencia Laboral
Diseño de interfaces web estéticas e intuitivas y maquetación de proyectos digitales 100% responsivos y soluciones modernas.
Edición de contenido dinámico de alto impacto para redes sociales, con foco principal en retención de audiencia, ritmo visual y fortalecimiento de marcas personales.
Stack & Herramientas
HTML
CSS
JavaScript
React
Python
Google Sheets
Looker Studio
SQL
WordPress
Elementor
Premiere Pro
After Effects
Lo que dicen mis clientes
"Un genio Gonza, le explique lo que queria y entendio a la perfeccion. Me fue pasando bocetos para ver como iba quedando todo, si me gustaba o necestiaba alguna correccion. La landing page me sirvió mucho para mi negocio."
"La verdad que quedé muy conforme con la web. Se ve profesional, es clara y fácil de usar, que es fundamental para que los pacientes encuentren rápido la información. Me gustó mucho cómo transmite confianza y cercanía, algo clave en mi profesión. Siento que suma mucho a mi imagen profesional."
"La verdad que me encantó el resultado de mi portfolio. Siento que la web refleja muy bien quién soy y mi estilo como modelo. Es súper clara y visual, lo que hace que mis trabajos se luzcan mucho más. Ahora siento que tengo un espacio propio donde puedo mostrar mi trabajo de forma profesional y atractiva."
¿Tenés un proyecto en mente?
Si necesitás dar presencia digital a tu marca o negocio, hablemos.
Hablemos de tu proyectoMis Servicios
Diseño UI/UX
Diseño de interfaces intuitivas y estéticas enfocadas en mejorar la experiencia del usuario y aumentar la retención de tu producto.
Desarrollo Web
Construcción de sitios web ultrarrápidos y 100% responsivos, utilizando tecnologías modernas para garantizar tu presencia digital.
Edición de Video
Creación de contenido visual de ritmo alto y dinámico, estratégicamente diseñado para potenciar tu marca personal y redes sociales.
Diseño UI/UX
Diseño de interfaces intuitivas y estéticas enfocadas en mejorar la experiencia del usuario y aumentar la retención de tu producto.
Qué incluye
- Relevamiento de objetivos y público del negocio
- Diseño de interfaz responsiva adaptada a la identidad de tu marca
- Iteración en base a tu feedback hasta llegar al resultado ideal
- Entrega de sitio funcional, optimizado y listo para publicar
Mi proceso
Conversamos sobre tu negocio, tus usuarios y lo que querés transmitir para definir la dirección visual.
Construyo la interfaz directamente en código, tomando decisiones de diseño en tiempo real para un resultado fluido y estético.
Te muestro avances, recibo tu feedback y ajusto hasta que el resultado te represente al 100%.
¿Tenés un proyecto en mente?
Si necesitás dar presencia digital a tu marca o negocio, hablemos.
Hablemos de tu proyectoDesarrollo Web
Construcción de sitios web ultrarrápidos y 100% responsivos, utilizando tecnologías modernas para garantizar tu presencia digital.
Qué incluye
- Desarrollo Frontend
- Sitios 100% responsivos y adaptados a móviles
- Landing pages orientadas a captar clientes
- Integración de formularios de contacto, WhatsApp y redes sociales
- Buenas prácticas de SEO básico y estructura semántica
- Publicación del sitio y soporte post-entrega
Mi proceso
Definimos los objetivos y la estructura del sitio. Te indico qué material necesito y organizamos todo antes de arrancar.
Construyo el sitio con código limpio y responsivo, integrando formularios, WhatsApp y redes sociales según lo que tu negocio necesite.
Publicamos juntos, revisamos que todo funcione correctamente y quedo disponible para soporte y ajustes post-lanzamiento.
¿Tenés un proyecto en mente?
Si necesitás dar presencia digital a tu marca o negocio, hablemos.
Hablemos de tu proyectoEdición de Video
Creación de contenido visual de ritmo alto y dinámico, diseñado para potenciar tu marca personal y redes sociales.
Qué incluye
- Edición profesional para Reels, TikToks y YouTube Shorts
- Motion graphics y animaciones con After Effects
- Color grading cinematográfico
- Subtitulado dinámico y tipografía animada
- Diseño de sonido y sincronización musical
- Adaptación de formatos para cada plataforma
Mi proceso
Entiendo tu marca, tu audiencia y el objetivo de cada pieza de contenido.
Corte dinámico, ritmo visual, efectos y corrección de color para máximo impacto.
Exportación optimizada para cada plataforma con revisiones ilimitadas incluidas.
Herramientas
Premiere Pro
After Effects
Mis Ediciones
Mis Proyectos
UCM Tracker
App Web
Focus
App
Churn
Landing page
Aisha Gago
Portfolio
Pablo Gago
Landing page
ZaloStore
E-commerce
Generador de Contraseñas
Programa para generar contraseñas
Inventario Personal
App de escritorio
Churn
Diseño e implementación de una landing page estratégica para dar presencia digital a la marca y convertir visitantes en clientes a través de WhatsApp.
El Desafío
Churn se contactó conmigo porque necesitaba dar el salto a lo digital. Tenían un excelente producto artesanal, pero carecían de presencia en línea. Sebastián, su CEO, buscaba una solución efectiva para que más personas descubrieran la marca y pudieran conectar directamente con ellos para concretar ventas.
El reto consistía en analizar su modelo de negocio y diseñar una landing page a medida que lograra transmitir de forma fiel la esencia de Churn, funcionando al mismo tiempo como una vía directa de conversión hacia WhatsApp.
La Solución
Diseñé y desarrollé una landing page 100% responsiva, centrada en la experiencia de usuario y el rendimiento. La misma permite a los visitantes conocer a fondo la propuesta de Churn: su historia, sus fundadores, su catálogo de productos artesanales y su ubicación física.
Para maximizar las ventas, implementé estratégicamente botones de llamada a la acción (CTA) a lo largo del sitio. De esta forma, los usuarios pueden comunicarse de manera rápida con el WhatsApp de la marca y realizar su pedido en segundos.
Diseño Estratégico
Cada sección fue pensada para guiar al visitante desde el descubrimiento de la marca hasta la acción de contacto, maximizando la conversión.
Desarrollo Optimizado
Sitio ligero con tiempos de carga mínimos, desplegado en Vercel para garantizar velocidad y disponibilidad global.
Resultado
La marca pasó de tener cero presencia digital a contar con un canal profesional que genera conexiones directas con potenciales clientes.
¿Tenés un proyecto similar en mente?
Si necesitás dar presencia digital a tu marca o negocio, hablemos.
Hablemos de tu proyectoAisha Gago
Diseño y desarrollo de un portfolio web personal para una modelo profesional, pensado para mostrar su trayectoria en eventos y producciones a marcas y agencias.
El Desafío
Aisha se comunicó conmigo porque necesitaba un espacio propio en internet donde pudiera exhibir de forma profesional su participación en eventos, producciones fotográficas y colaboraciones con marcas. Como modelo, su imagen lo es todo, y necesitaba una web que estuviera a la altura de su perfil y que fuera su carta de presentación ante agencias y potenciales clientes.
La Solución
Desarrollé un portfolio web limpio, elegante y completamente responsivo con 4 secciones clave: Inicio, Sobre Mí, Portafolio y Contacto. La navegación fue diseñada para ser intuitiva y directa, permitiendo a las marcas encontrar rápidamente lo que buscan: sus trabajos previos, su perfil profesional y un canal de contacto directo.
El diseño prioriza la imagen visual, con galerías de alta calidad que destacan cada producción. El resultado es una web que funciona como un verdadero book digital interactivo.
Diseño Visual
Estética minimalista que pone el foco absoluto en las fotografías profesionales de Aisha, dejando que su trabajo hable por sí mismo.
Book Digital
Sección de portafolio optimizada para que marcas y agencias puedan evaluar rápidamente su perfil y trayectoria profesional.
Resultado
Aisha ahora cuenta con un enlace profesional que puede compartir directamente con marcas, elevando su presencia y credibilidad en la industria.
¿Tenés un proyecto similar en mente?
Si necesitás un portfolio que destaque tu trabajo, hablemos.
Hablemos de tu proyectoPablo Gago
Landing page profesional para un kinesiólogo, diseñada para transmitir confianza y seguridad a pacientes que llegan por recomendación antes de su primer encuentro presencial.
El Desafío
Pablo se contactó conmigo con una necesidad muy clara: quería presencia web para que las personas que llegaban a él por recomendación de otros pacientes pudieran conocerlo antes de la primera consulta presencial. El objetivo era transmitir profesionalismo, seguridad y cercanía desde el primer clic, generando confianza incluso antes de cruzarse en persona.
La Solución
Diseñé y desarrollé una landing page completa que incluye su información personal y formación profesional, los servicios y tratamientos que ofrece, testimonios reales de pacientes satisfechos, galería de imágenes de su consultorio y la ubicación del mismo con mapa integrado.
Como valor agregado, implementé un botón de modo oscuro para que la página se adapte a las preferencias visuales de cada usuario, mejorando la experiencia de navegación y demostrando atención al detalle en la usabilidad.
Confianza Digital
Cada sección fue pensada para que el paciente sienta seguridad sobre quién es Pablo y cómo es el consultorio.
Modo Oscuro
Funcionalidad de toggle para alternar entre tema claro y oscuro, mejorando la accesibilidad y personalización de la experiencia.
Resultado
Pablo pasó de depender exclusivamente del boca a boca a tener una presencia digital profesional que refuerza su reputación desde el primer contacto.
¿Necesitás una web para tu profesión?
Si querés transmitir confianza y profesionalismo online, hablemos.
Hablemos de tu proyectoZaloStore
Tienda online propia para la venta de presets de corrección de color para After Effects, nacida de una comunidad de más de 30.000 seguidores en TikTok.
El Origen
ZaloStore nació como un proyecto personal impulsado por mi comunidad. Con más de 30.000 seguidores en TikTok bajo mi cuenta Zalo, muchos de mis seguidores me escribían constantemente preguntando cómo lograba ciertos resultados de imagen y color en mis ediciones de video. A partir de esa demanda real, surgió la idea de crear y vender mis propios presets de corrección de color para After Effects.
La Solución
Diseñé y desarrollé un e-commerce completo donde los usuarios pueden explorar el catálogo de presets, ver previsualizaciones del antes y después de cada ajuste, y comprarlos de forma segura. Para procesar los pagos, integré la API de Lemon Squeezy, lo que permite que, una vez completada la transacción, el cliente acceda automáticamente a la descarga del preset adquirido.
El sitio fue construido con foco en la velocidad, la experiencia de compra fluida y un diseño visual que refleja la identidad de la marca Zalo.
Integración de Pagos
Pasarela de pagos con Lemon Squeezy que habilita la descarga automática del producto digital tras la compra exitosa.
Comunidad como Motor
Un proyecto que nació de una audiencia real de +30K seguidores, convirtiendo la demanda orgánica en un producto monetizable.
Resultado
Una tienda online funcional que convierte seguidores en clientes, con un flujo de compra intuitivo de principio a fin.
¿Querés vender productos digitales?
Si necesitás un e-commerce para tu marca o proyecto, hablemos.
Hablemos de tu proyectoGenerador de Contraseñas
Programa desarrollado en Python como proyecto de práctica durante mi aprendizaje del lenguaje, enfocado en la generación segura de contraseñas aleatorias.
El Proyecto
Este generador de contraseñas fue desarrollado como proyecto de práctica mientras aprendía Python. La herramienta permite al usuario generar contraseñas seguras y aleatorias con diferentes niveles de complejidad, combinando letras mayúsculas, minúsculas, números y caracteres especiales según las preferencias seleccionadas.
Características
El programa se ejecuta desde la terminal y permite configurar la longitud deseada de la contraseña, así como los tipos de caracteres a incluir. Si bien no cuenta con una interfaz gráfica, el código está estructurado de forma clara y documentada para facilitar su comprensión. Podés explorar el código fuente completo en el repositorio de GitHub.
Lógica en Python
Uso de librerías nativas como random y string para la generación segura y configurable de contraseñas.
Código Limpio
Estructura modular y buenas prácticas de programación aplicadas durante el proceso de aprendizaje.
Open Source
Código disponible públicamente en GitHub para consulta, aprendizaje o contribución de la comunidad.
¿Te interesa ver más proyectos?
Explorá mis otros trabajos o contactame para colaborar juntos.
Hablemos de tu proyectoInventario Personal
Aplicación de escritorio para gestión de inventario personal, que evolucionó de un trabajo práctico académico en terminal a una app completa con interfaz gráfica.
El Origen
Este proyecto comenzó como un trabajo práctico del curso de Análisis de Datos con Python. La versión inicial era un programa que solo podía ejecutarse desde la terminal, pero decidí llevarlo más allá y transformarlo en una aplicación de escritorio completa con interfaz gráfica utilizando PySide6.
La Evolución
La aplicación permite gestionar un inventario personal de forma visual e intuitiva: agregar productos, editarlos, eliminarlos y realizar búsquedas. La migración de terminal a interfaz gráfica representó un salto significativo en complejidad, implicando el diseño de ventanas, tablas interactivas, formularios y manejo de eventos, todo construido con Python y PySide6.
Podés explorar el código fuente completo y la documentación del proyecto en el repositorio de GitHub.
De Terminal a GUI
Evolución de un script de consola a una aplicación de escritorio completa con interfaz gráfica profesional.
PySide6
Uso del framework Qt para Python, con ventanas, tablas interactivas y formularios dinámicos para la gestión de datos.
Superación Académica
Un proyecto que trascendió el ámbito del aula, demostrando iniciativa propia y capacidad de llevar una idea al siguiente nivel.
¿Te interesa ver más proyectos?
Explorá mis otros trabajos o contactame para colaborar juntos.
Hablemos de tu proyectoFocus
Focus es una PWA (Progressive Web Application) de entrenamiento personal que tiene como objetivo mantener sus rutinas de ejercicio de forma rápida, privada y 100% offline.
Origen del Proyecto
Focus nació como un proyecto personal ante la insatisfacción con apps de fitness que contenian anuncios, suscripciones y funciones innecesarias para mi. El objetivo fue crear una herramienta rápida, privada y 100% offline para gestionar rutinas y registrar progresos sin interrupciones. Para que cuando voy al gimnasio simplementa entre a la app, eliga la rutina que quiera hacer y comience a entrenar. Y tambien para tener elojadas todas las rutinas que alguna vez hice en un solo lugar.
El proceso comenzó con el diseño integral de la interfaz, componentes y sistema visual en Figma, para luego llevarlo a código asegurando una experiencia de usuario fluida, minimalista y de alto rendimiento.
Características Clave
Pantalla de Inicio (Home)
Visualiza tu rutina del día y organiza tu semana de entrenamiento de forma clara y rápida. Todo lo importante, en un solo lugar.
Gestión de Rutinas
Crea rutinas personalizadas, importa rutinas para agilizar el proceso, agrega ejercicios y organiza cada entrenamiento con una experiencia simple e intuitiva.
Modo de Entrenamiento Activo (Active Workout)
Registra series, repeticiones y peso mientras entrenas. La aplicación guarda automáticamente tu progreso para la próxima sesión.
Récords Personales (PRs) y Perfil
Consulta tus mejores marcas, sigue tu progreso y administra tu perfil desde un único lugar.
Tutorial de Instalación
Al ser una Progressive Web App (PWA), no necesitas descargar Focus desde Google Play Store o App Store. Se ejecuta directamente en tu navegador móvil con el mismo rendimiento y comportamiento que una aplicación nativa, ocupando apenas espacio y funcionando 100% offline.
Instalación en Android (Chrome)
- Paso 1: Abrir la App: Entrá a la dirección de Focus App desde Google Chrome. Al cargar, el navegador detectará automáticamente el archivo de configuración.
- Paso 2: Aceptar el Banner: Si te aparece un cartel flotante en la parte inferior que dice "Agregar Focus a la pantalla de inicio", tócalo directamente para comenzar.
- Paso 3: Instalación Manual: Si el banner no aparece, toca los tres puntos (⋮) en la esquina superior derecha y selecciona "Instalar aplicación" (o "Agregar a la pantalla principal").
- Paso 4: Confirmar: Presioná "Instalar" o "Agregar automáticamente" en la ventana emergente. Android procesará el WebAPK nativo en segundo plano.
Instalación en iOS (Safari)
- Paso 1: Abrir en Safari: Ingresá a Focus App desde el navegador nativo Safari.
- Paso 2: Menú de Compartir: En la barra de navegación inferior del iPhone, presioná el botón de Compartir (icono de cuadrado con una flecha hacia arriba).
- Paso 3: Agregar a Inicio: Desplázate hacia abajo en el menú desplegable y elegí la opción "Agregar a Inicio" (identificada con el icono de un cuadrado con un símbolo +).
- Paso 4: Confirmar: Toca "Agregar" (o "Add") en la esquina superior derecha. El icono de Focus se sumará a tu pantalla de inicio.
Arquitectura Tecnológica y Estética
Focus fue desarrollada con un enfoque robusto para maximizar la velocidad de carga y ofrecer una experiencia de usuario inmersiva offline:
Gestión de Estado
Utiliza Zustand organizando stores independientes para el entrenamiento activo, perfil de usuario y el constructor de rutinas.
Base de Datos Local
Desarrollada con Dexie.js (IndexedDB) para un funcionamiento 100% offline y almacenamiento local seguro que garantiza la privacidad absoluta.
Estética Premium
Diseño oscuro minimalista con detalles Skeumorfistas, degradados sutiles, efectos de cristal e iconos 3D interactivos.
¿Te interesa saber más sobre este desarrollo?
Podés contactarme para conocer más detalles técnicos o colaborar en proyectos similares.
Hablemos de tu proyectoUCM Tracker
Aplicación web full-stack para seguir el progreso de visualización del Universo Cinematográfico de Marvel, con sincronización en la nube y una base real de usuarios activos.
Origen y Desafío
Marvel Tracker nació como un regalo personal para mi novia: una forma simple de saber qué películas y series del UCM ya había visto y en qué orden verlas para entender la cronología completa. Lo que empezó como una herramienta a medida terminó circulando en redes sociales después de que ella la compartiera públicamente respondiendo una consulta en X (Twitter) y de un día para el otro pasé de tener una app personal a una aplicación con usuarios reales, desconocidos, dependiendo de que funcionara bien (actualmente más de 90 usuarios).
La Solución
Desarrollé una aplicación completa con autenticación real (Supabase Auth), sincronización de progreso entre dispositivos, y un sistema de selección de avatares con personajes del UCM organizados por categorías. Ante el crecimiento inesperado de usuarios, tuve que resolver en producción: cumplimiento con la Ley 25.326 de Protección de Datos de Argentina (política de privacidad, términos de uso, consentimiento de cookies), automatización de infraestructura (un workflow de GitHub Actions para mantener activo el backend en el plan gratuito de Supabase), y una experiencia de usuario cuidada con animaciones fluidas en cada interacción.
Características Clave
Seguimiento por Fases
Progreso visual organizado por las 6 fases del UCM, con cálculo automático de qué producciones ya se estrenaron.
Perfiles Personalizados
Selector de avatar estilo Netflix con más de 35 personajes, sincronizado en la nube entre dispositivos.
Próximos Estrenos
Sección dedicada que se actualiza sola — cuando una producción se estrena, pasa automáticamente al catálogo principal.
Sincronización en la Nube
Progreso, favoritos y calificaciones guardados en tiempo real — entrás desde el celular o la compu y todo está exactamente donde lo dejaste.
Arquitectura Tecnológica
Frontend
React 18 + TypeScript + Vite, con Tailwind CSS y animaciones fluidas con Framer Motion.
Backend & Datos
Supabase (PostgreSQL) para autenticación, sincronización en tiempo real y almacenamiento de progreso de usuario.
Infraestructura
Desplegado en Vercel, con automatización vía GitHub Actions para mantener el uptime del backend.
Resultado
Impacto real: La app pasó de ser un proyecto personal a tener una base activa de usuarios reales sin planificación previa.
Producción sin downtime: Resolví requisitos legales y de infraestructura sobre la marcha, sin interrumpir el servicio.
Experiencia pulida: Cada interacción (login, selección de avatar, apertura de detalle) tiene animaciones cuidadas pensadas para sentirse premium.
¿Tenés un proyecto similar en mente?
Si necesitás una aplicación web moderna, escalable y con foco en UX, hablemos.
Hablemos de tu proyectoContacta Conmigo
¿Tienes un proyecto en mente? Envíame un mensaje y te responderé lo antes posible.