Dólar observado:$958|Unidad de fomento (UF):$40.984
  • Inicio

  • Sobre Mí

  • Portafolio

  • Utilidades

  • Contacto

  • Blog

  • Inicio
  • Sobre Mí
  • Portafolio
  • Utilidades
  • Contacto
  • Blog

MI PORTAFOLIO

TRABAJOS
  • Fanatelli
    Fanatelli
    Website Fanatelli DESCUBRIR
  • Cesar Parra
    Cesar Parra
    Portfolio Cesar Parra DESCUBRIR
  • Óptica Roccelli
    Óptica Roccelli
    E-commerce Óptica Roccelli DESCUBRIR
  • AudioRic
    AudioRic
    Website AudioRic DESCUBRIR
  • Iderma
    Iderma
    Website Iderma DESCUBRIR
  • Fira Aestethics Center
    Fira Aestethics Center
    Landing Page Fira Aestethics DESCUBRIR
  • Instituto Dental Americano
    Instituto Dental Americano
    Website Instituto Dental Americano DESCUBRIR
  • Ey Nurse
    Ey Nurse
    App Web Ey Nurse DESCUBRIR
  • Eumed
    Eumed
    Website Eumed DESCUBRIR
  • Fanatelli

    Fanatelli

    Proyecto Website
    Cliente Fanatelli
    Lenguajes WordPress
    Preview Visitar Sitio

    Sobre el Proyecto


    Desarrollo E-commerce & Cultura Pop

    Fanatelli

    Plataforma E-commerce de Merchandising y Cultura Pop

    Concepto y Estrategia

    Desarrollo integral de la tienda online Fanatelli, un portal transaccional diseñado para comunidades afines a la cultura pop, cine, música y coleccionismo. El proyecto se centró en crear una experiencia de compra inmersiva que abarca desde colecciones de bandas de rock hasta franquicias cinematográficas clásicas y de culto, integrando un catálogo dinámico de productos, gestión de licencias y un flujo de checkout de alta conversión adaptado a dispositivos móviles.

    Estrategia de Experiencia de Compra & E-commerce

    Navegación por Fandom
    Estructura de categorías y etiquetas basada en nichos e intereses específicos (Música, Cine, Cómics) para una exploración ágil.
    Visual Merchandising
    Fichas de producto de alto impacto con galerías interactivas, detalles de confección y especificaciones para coleccionistas exigentes.
    Fidelización & Social Commerce
    Integración con feeds de redes sociales y sistemas de reviews/calificaciones para impulsar la prueba social.

    Infraestructura de la Tienda

    Catálogo Dinámico (Dynamic Catalog)
    Sistema de gestión de inventario multivariante (tallas, colores, tipos de prendas y franquicias) sincronizado en tiempo real.
    Optimización de Conversión (Conversion UX)
    Rediseño del embudo de ventas (Funnel) para minimizar el abandono de carrito e integrar pasarelas de pago con un solo clic.
    Tienda Móvil Fluida (Mobile First Shop)
    Maquetación 100% responsiva diseñada prioritariamente para tráfico proveniente de campañas digitales y dispositivos móviles.

    Habilidades & Competencias Clave

    E-commerce UI/UX
    Inventory Management
    Digital Branding
    Mobile Commerce
    Conversion Rate Optimization (CRO)
    Payment Gateway Integration


    Desarrollador / UI/UX Specialist

    Patricio Quintanilla

  • Cesar Parra

    Cesar Parra

    Proyecto Portfolio
    Cliente Cesar Parra
    Lenguajes HTML5
    Preview Visitar Sitio

    Sobre el Proyecto


    Desarrollo Web & Marca Personal Multimedia

    César Parra

    Portal de Contenidos y Marca Personal para Investigador Paranormal

    Narrativa Digital

    Desarrollo de la plataforma oficial para César Parra, escritor, historiador y reconocido referente en la investigación de fenómenos paranormales y cultura del misterio (conductor de «Pueblo Fantasma»). El proyecto se centró en la creación de una arquitectura de información orientada a la divulgación, facilitando el consumo fluido de relatos, podcasts, publicaciones bibliográficas y material audiovisual mediante una atmósfera inmersiva que engancha a su audiencia sin comprometer el rendimiento ni la accesibilidad móvil.

    Estrategia de Narrativa & Experiencia de Usuario

    Gestión de Multimedia
    Integración fluida de reproductores de audio y video, estructurados para navegación ágil por episodios, temporadas y temáticas.
    Diseño Atmosférico
    Paleta de tonos oscuros y tipografía de alto contraste que refuerza el branding de misterio sin perjudicar la lectura en textos extensos.
    Showcase Editorial
    Sección dedicada a la exhibición de sus libros publicados, investigaciones históricas y rutas de misterio.

    Infraestructura del Portal

    Narrativa Dinámica (Dynamic Storytelling)
    Maquetación de artículos, crónicas e historias con elementos interactivos para elevar el engagement y el tiempo de permanencia del usuario.
    Estrategia de Marca Personal (Personal Branding)
    Estructuración del perfil profesional destacando su trayectoria mediática, participaciones en radio/TV y giras de investigación.
    Indexación de Nicho (Content Indexing & SEO)
    Optimización semántica de taxonomías para dominar búsquedas relacionadas con mitos urbanos, historia oculta y divulgación paranormal.

    Habilidades & Competencias Clave

    Brand Storytelling
    Multimedia UX
    Personal Website Strategy
    Information Architecture
    Responsive Design
    Podcast & Streaming Integration


    Desarrollador / UI/UX Specialist

    Patricio Quintanilla

  • Óptica Roccelli

    Óptica Roccelli

    Proyecto E-commerce
    Cliente Óptica Roccelli
    Lenguajes Shopify
    Preview Visitar Sitio

    Sobre el Proyecto


    Desarrollo E-commerce & Salud Visual Local

    Óptica Roccelli

    Solución E-commerce y Sistema de Agendamiento para Salud Visual

    Estrategia Digital

    Desarrollo del ecosistema digital para Óptica Roccelli, enfocado en modernizar la experiencia omnicanal del cliente local. El proyecto combinó la creación de un catálogo dinámico de armazones y cristales con la integración de un sistema de agendamiento online para exámenes refractivos y optométricos, unificando el descubrimiento digital de productos con la atención clínica presencial en tienda.

    Estrategia de Experiencia & Retail Óptico

    Showcase de Productos
    Maquetación de catálogo visual de lentes enfocada en el diseño, materiales (acetato, titanio) y filtros por tipo de rostro.
    Módulo de Reservas
    Integración de calendario dinámico para la gestión de citas de optometría, sincronizado en tiempo real con la agenda del gabinete.
    Asesoría Digital
    Guías educativas sobre tipos de cristales (fotocromáticos, filtro azul, multifocales) para orientar la compra del usuario.

    Infraestructura del Proyecto

    Catálogo Dinámico (Dynamic Catalog)
    Organización de productos por marca, categoría (sol, ópticos, contacto) y género mediante taxonomías y filtros personalizados.
    Flujo de Reserva Simples (Booking UX)
    Proceso de agendamiento simplificado que reduce pasos y facilita la captura de pacientes para evaluación visual en tienda.
    Posicionamiento Geolocalizado (Local SEO)
    Optimización técnica para destacar en búsquedas geolocalizadas de ópticas, examen de vista y venta de armazones en la zona.

    Habilidades & Competencias Clave

    Retail UI/UX
    Booking Engineering
    Catalog Architecture
    Local SEO Strategy
    Responsive Design
    Omnichannel Conversion


    Desarrollador / UI/UX Specialist

    Patricio Quintanilla

  • AudioRic

    AudioRic

    Proyecto Website
    Cliente AudioRic
    Lenguajes PHP
    Preview Visitar Sitio

    Sobre el Proyecto


    Desarrollo Web & Especialidad Audiológica

    AudioRic

    Portal Web Corporativo y Catálogo Digital para Centro de Audiología

    Estrategia de Especialidad

    Desarrollo de la plataforma oficial para AudioRic, centro clínico especializado en la evaluación diagnóstico-funcional y rehabilitación de la salud auditiva. El proyecto se enfocó en crear un catálogo técnico de soluciones tecnológicas (audífonos digitales, protectores a medida y accesorios de conectividad) combinado con una arquitectura de información clara y accesible que orienta al paciente de forma pedagógica a través de los distintos procedimientos clínicos y opciones terapéuticas disponibles.

    Estrategia de Comunicación & Salud Auditiva

    Showcase de Productos
    Catálogo estructurado para la visualización detallada de dispositivos de tecnología auditiva, baterías y conectividad inalámbrica.
    UX de Salud Profesional
    Interfaz diseñada para transmitir rigor clínico y calidez, priorizando la divulgación sobre exámenes (audiometría, impedanciometría).
    Atención & Calibración
    Sección dedicada al soporte post-venta, mantenimiento preventivo y ajuste de prótesis auditivas en consulta.

    Infraestructura del Proyecto

    Catálogo Dinámico de Equipamiento (Dynamic Inventory Catalog)
    Organización de tecnología médica y audífonos por formato (RIC, BTE, ITE), nivel de hipoacusia y canales de procesamiento.
    Arquitectura de Información Senior (Information Architecture)
    Diseño inclusivo con tipografías de alta legibilidad y jerarquía clara pensada para facilitar la lectura en adultos mayores y familiares.
    Gestión de Contacto Directo (Lead Management)
    Módulos de agendamiento para evaluaciones audiológicas y pruebas gratuitas de dispositivos en sucursales.

    Habilidades & Competencias Clave

    Healthcare UI/UX
    Catalog Architecture
    Information Design
    Responsive Framework
    Professional Branding
    Accessible Senior UX


    Desarrollador / UI/UX Specialist

    Patricio Quintanilla

  • Iderma

    Iderma

    Proyecto Website
    Cliente Iderma
    Lenguajes WordPress
    Preview Visitar Sitio

    Sobre el Proyecto


    Desarrollo Web & Especialidad Dermatológica

    Iderma

    Portal Clínico Especializado con Integración de Citas Online

    Enfoque Digital Salud

    Desarrollo de la plataforma web oficial para Iderma, centro institucional referente en dermatología médica, quirúrgica y cosmética. El proyecto se centró en proyectar una imagen de solidez médica y pulcritud visual, facilitando que los usuarios exploren tratamientos especializados sobre salud cutánea y completen el agendamiento de sus horas de atención a través de un flujo de conversión optimizado, seguro y libre de fricciones.

    Estrategia de Experiencia Dermatológica

    Confianza Clínica
    Diseño de interfaz que utiliza el espacio negativo, tonos calmos y tipografía clara para proyectar serenidad e higiene en todo el portal.
    Agendamiento Ágil
    Llamados a la acción (CTA) ubicados estratégicamente para maximizar la conversión de visitantes en consultas agendadas.
    Catálogo de Procedimientos
    Desglose claro de servicios dermatológicos clínicos, dermato-oncología y dermatología estética avanzada.

    Infraestructura del Proyecto

    Integración de Citas (Booking Integration)
    Sincronización en tiempo real entre los formularios web y la plataforma de gestión médica para evitar la duplicidad de horas.
    SEO Médico Especializado (Specialized SEO)
    Estrategia semántica y metadatos optimizados para posicionar al centro en términos dermatológicos clave y búsquedas locales.
    Experiencia Móvil Fluida (Mobile Experience)
    Maquetación 100% responsiva diseñada para que la reserva de horas y consultas de orientación sean inmediatas desde smartphones.

    Habilidades & Competencias Clave

    Dermatology UI/UX
    Healthcare SEO
    Booking Flow Strategy
    Professional Branding
    Responsive Framework
    Medical Funnel Conversion


    Desarrollador / UI/UX Specialist

    Patricio Quintanilla

  • Fira Aestethics Center

    Fira Aestethics Center

    Proyecto Landing Page
    Cliente Fira Aestethics
    Lenguajes Elementor
    Preview Visitar Sitio

    Sobre el Proyecto


    Desarrollo Web UI/UX & Estética de Lujo

    Fira Aesthetics

    Identidad Digital Premium para Centros de Belleza y Estética Avanzada

    Estrategia de Marca

    Desarrollo de la plataforma oficial para Fira Aesthetics Center, espacio institucional de referencia en tratamientos faciales, corporales y medicina estética de alta gama. El proyecto se centró en la creación de una experiencia digital inmersiva que proyecta sofisticación, pulcritud y exclusividad, facilitando el descubrimiento de protocolos avanzados mediante una interfaz minimalista, visualmente impactante y optimizada para la conversión en el segmento High-End.

    Estrategia de Experiencia Premium & UX

    Visual Narrative
    Implementación de galerías de alta definición que resaltan la calidad de los resultados y la atmósfera de la clínica.
    UX de Exclusividad
    Diseño de flujos de navegación fluidos que priorizan la elegancia, el espacio negativo y el contacto personalizado.
    Catálogo de Experiencias
    Presentación detallada de terapias dermoestéticas, aparatología de última generación y rituales de bienestar.

    Infraestructura del Proyecto

    Interfaz de Alto Nivel (High-End UI)
    Uso sofisticado de la composición visual, tipografías editoriales y paletas neutras para consolidar los valores de lujo de la marca.
    Rendimiento Gráfico Optimizado (Performance Web)
    Compresión y entrega eficiente de activos multimedia en alta definición mediante formatos de nueva generación (WebP/AVIF).
    Captación de Clientes VIP (Lead Generation)
    Integración de formularios de evaluación privada y atención personalizada para captar clientes de alto valor adquisitivo.

    Habilidades & Competencias Clave

    Premium UI Design
    Aesthetic UX
    Visual Branding
    Image Optimization
    Responsive Framework
    Luxury Brand Positioning


    Desarrollador / UI/UX Specialist

    Patricio Quintanilla

  • Instituto Dental Americano

    Instituto Dental Americano

    Proyecto Website
    Cliente Instituto Dental Americano
    Lenguajes HTML5 / CSS3
    Preview Visitar Sitio

    Sobre el Proyecto


    Desarrollo Web E-learning & Educación Odontológica

    Instituto Dental Americano

    Plataforma Educativa para Formación Odontológica de Alto Nivel

    Enfoque Educativo

    Desarrollo de la plataforma digital oficial para el Instituto Dental Americano, concebida para centralizar la oferta académica y la gestión de aprendizaje online. El proyecto se centró en la creación de una arquitectura que facilita la visualización de cursos especializados, diplomados y talleres avanzados, la presentación del staff docente y el acceso a material de estudio dinámico, integrando una experiencia de usuario (UX) diseñada para profesionales de la salud en formación continua.

    Estrategia de Educación Digital & LMS

    Catálogo de Cursos
    Gestión de programas académicos categorizados por especialidad (implantología, ortodoncia, estética) para agilizar la inscripción.
    Staff Docente
    Maquetación de perfiles clínicos para destacar la trayectoria, certificaciones e investigaciones del equipo de instructores.
    Campus Virtual
    Módulos de acceso a material lectivo, guías clínicas y recursos descargables para alumnos matriculados.

    Infraestructura Académica

    Integración LMS & CMS (LMS Integration)
    Estructuración personalizada del gestor de contenidos para el manejo de mallas curriculares, clases y áreas de consulta lectiva.
    Jerarquía Académica (Academic Hierarchy)
    Arquitectura de información clara diseñada para clasificar programas de posgrado, capacitaciones presenciales y webinars.
    Captación de Admisión (Lead Generation)
    Formularios optimizados para la captación de odontólogos e higienistas interesados en especialización y educación continua.

    Habilidades & Competencias Clave

    E-learning UX/UI
    Academic Branding
    Content Management Systems
    Digital Education Strategy
    Responsive Framework
    Healthcare Education SEO


    Desarrollador / UI/UX Specialist

    Patricio Quintanilla

  • Ey Nurse

    Ey Nurse

    Proyecto App Web
    Cliente Ey Nurse
    Lenguajes React Native
    Preview Visitar Sitio

    Sobre el Proyecto


    Desarrollo SaaS & Salud Digital / Health-Tech

    Ey Nurse

    Plataforma de Salud Digital para la Gestión Inteligente de Enfermería

    Enfoque Operativo

    Desarrollo de la aplicación Ey Nurse, una solución integral de Health-Tech diseñada para modernizar y digitalizar la operativa diaria en hospitales, clínicas y centros de salud. El proyecto se centró en la creación de una arquitectura web/SaaS robusta capaz de optimizar la asignación de turnos, automatizar la cobertura asistencial y digitalizar registros clínicos en tiempo real, priorizando una experiencia de usuario (UX) pragmática e intuitiva que minimiza la carga administrativa y agiliza la comunicación entre equipos de enfermería.

    Estrategia de Operación Asistencial & UX

    Optimización de Turnos
    Sistema dinámico para la gestión de roles, reemplazos de urgencia y cobertura de horarios en tiempo real.
    Registros Digitales
    Captura ágil de fichas, constantes vitales y evoluciones de enfermería con mínimos clics desde dispositivos móviles.
    Gestión de Alertas
    Notificaciones instantáneas para la administración de fármacos, tareas pendientes y traspaso de información en cambios de turno.

    Infraestructura y Ejes de Desarrollo

    Arquitectura Escalable (SaaS Architecture)
    Plataforma multi-inquilino (Multi-tenant) preparada para escalar el servicio a múltiples centros asistenciales de forma independiente.
    Rendimiento Móvil Clínico (Mobile Performance)
    Interfaz táctil ultrarrápida optimizada para el uso continuo en tablets y smartphones en entornos hospitalarios de alto estrés.
    Seguridad & Normativa (Data Compliance)
    Implementación de encriptación de datos y estándares de privacidad para el manejo ético y resguardado de información de salud.

    Habilidades & Competencias Clave

    Health-Tech UX/UI
    Process Optimization
    Mobile Application Web
    Data Management
    Product Strategy
    SaaS Architecture


    Desarrollador / UI/UX Specialist

    Patricio Quintanilla

  • Eumed

    Eumed

    Proyecto Website
    Cliente Eumed
    Lenguajes WordPress
    Preview Visitar Sitio

    Sobre el Proyecto


    Desarrollo Web B2B & Suministros Hospitalarios

    Eumed

    Plataforma de Suministros Hospitalarios y Gestión de Cotizaciones B2B

    Enfoque Industrial-Médico

    Desarrollo integral del portal corporativo para Eumed, empresa especializada en la distribución e importación de insumos médicos críticos, equipamiento de pabellón y material descartable hospitalario. El proyecto se centró en construir un catálogo técnico B2B de alto volumen que organiza productos por especialidades clínicas, integrando un motor de cotización dinámica que agiliza el flujo de adquisiciones e licitaciones para clínicas, hospitales e instituciones de salud.

    Estrategia B2B & Operación de Catálogo

    Arquitectura de Catálogo
    Organización de cientos de SKUs mediante taxonomías multinivel, facilitando la búsqueda por código, marca o uso clínico.
    Sistema de Cotización
    Módulo «Añadir a Cotización» diseñado para captar requerimientos de volumen, licitaciones y especificaciones técnicas en lote.
    Fichas de Certificación
    Inclusión de respaldos normativos, certificaciones (FDA, CE, ISP) y PDFs descargables por producto para auditores de compra.

    Infraestructura del Proyecto

    Inventario Dinámico B2B (Dynamic Inventory)
    Estructuración de datos técnicos para sincronizar disponibilidad de lote, requerimientos de empaque e instrucciones de uso hospitalario.
    Experiencia de Usuario Industrial (B2B UX Optimization)
    Interfaz funcional de alta densidad visual que prioriza el rendimiento, filtros rápidos y descarga acelerada de catálogos generales.
    Segmentación de Prospectos (Lead Segmentation)
    Formularios dinámicos que clasifican las solicitudes según urgencia asistencial, tipo de institución (pública/privada) y volumen demandado.

    Habilidades & Competencias Clave

    B2B E-commerce Strategy
    Catalog Engineering
    Process Automation
    Industrial UI/UX
    Responsive Performance
    RFQ Systems (Request for Quote)


    Desarrollador / UI/UX Specialist

    Patricio Quintanilla

1 … 5 6 7 8
Ajustes de accesibilidad

Funciona con OneTap

¿Cuánto tiempo quieres ocultar la barra de herramientas?
Duración para ocultar la barra de herramientas
Selecciona tu perfil de accesibilidad
Modo para personas con discapacidad visual
Mejora los elementos visuales del sitio web
Perfil seguro para convulsiones
Elimina los destellos y reduce el color
Modo compatible con TDAH
Navegación enfocada, sin distracciones
Modo ceguera
Reduce las distracciones y mejora la concentración
Modo seguro para epilepsia
Atenúa los colores y detiene el parpadeo
Módulos de contenido
Tamaño de fuente

Por defecto

Altura de línea

Por defecto

Módulos de color
Módulos de orientación
Ajustes de accesibilidad

Funciona con OneTap

¿Cuánto tiempo quieres ocultar la barra de herramientas?
Duración para ocultar la barra de herramientas
Selecciona tu perfil de accesibilidad
Modo para personas con discapacidad visual
Mejora los elementos visuales del sitio web
Perfil seguro para convulsiones
Elimina los destellos y reduce el color
Modo compatible con TDAH
Navegación enfocada, sin distracciones
Modo ceguera
Reduce las distracciones y mejora la concentración
Modo seguro para epilepsia
Atenúa los colores y detiene el parpadeo
Módulos de contenido
Tamaño de fuente

Por defecto

Altura de línea

Por defecto

Módulos de color
Módulos de orientación