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
  • SCCO
    SCCO
    Website SCCO DESCUBRIR
  • Dr Lars Stromback
    Dr Lars Stromback
    Website Dr. Lars Stromback DESCUBRIR
  • Dr Flores
    Dr Flores
    Website Dr. Flores DESCUBRIR
  • Web Adopción
    Web Adopción
    Social Web Web Adopción DESCUBRIR
  • Mailing Policenter
    Mailing Policenter
    Marketing Policenter DESCUBRIR
  • Paymed
    Paymed
    Fintech App Paymed DESCUBRIR
  • Aristetic
    Aristetic
    Website Aristetic DESCUBRIR
  • Medical PR
    Medical PR
    Website Medical PR DESCUBRIR
  • Doctor Valdés
    Doctor Valdés
    Website Dr. Valdés DESCUBRIR
  • SCCO

    SCCO

    Proyecto Website
    Cliente SCCO
    Lenguajes PHP / MySQL
    Preview Visitar Sitio

    Sobre el Proyecto


    Desarrollo Web Institucional & Gestión Gremial

    SCCO

    Ecosistema Digital para Sociedades Científicas y Asociaciones Gremiales

    Visión Institucional

    Desarrollo integral del portal web para SCCO (Sociedad Científica / Organización Gremial), diseñado para centralizar la actividad investigativa, académica y administrativa de sus colegiados. El proyecto se centró en la creación de una plataforma multi-módulo que integra un portal privado exclusivo para socios, una biblioteca digital de recursos técnicos y un calendario dinámico de eventos, impulsando el intercambio científico y la cohesión profesional.

    Estrategia de Comunidad & Gestión de Colegiados

    Área Privada de Socios
    Sistema de membresía con credenciales seguras para la administración de beneficios, estados de cuota y perfiles profesionales.
    Gestión de Recursos
    Biblioteca digital estructurada para el almacenamiento, filtrado y descarga directa de papers, normas clínicas y guías técnicas.
    Directorio de Colegiados
    Buscador público de profesionales certificados para otorgar respaldo institucional y transparencia a la comunidad.

    Infraestructura de Plataforma Gremial

    Gestión de Eventos y Congresos (Event Management)
    Calendario interactivo para la difusión, inscripción online y gestión de certificaciones de participación en seminarios y jornadas académicas.
    Control de Acceso Avanzado (Access Control ACL)
    Arquitectura de permisos por roles para proteger actas institucionales, asambleas y contenido exclusivo de la mesa directiva y socios al día.
    Arquitectura Documental (Document Architecture)
    Categorización semántica de archivos con etiquetas de búsqueda rápida para agilizar el trabajo científico y docente de los asociados.

    Habilidades & Competencias Clave

    Membership Systems
    Institutional UI/UX
    Content Security & ACL
    Digital Library Tech
    Scalable CMS
    Scientific Portal Architecture


    Desarrollador / UI/UX Specialist

    Patricio Quintanilla

  • Dr Lars Stromback

    Dr Lars Stromback

    Proyecto Website
    Cliente Dr. Lars Stromback
    Lenguajes WordPress
    Preview Visitar Sitio

    Sobre el Proyecto


    Desarrollo Web & Marca Personal Internacional

    Dr. Lars Stromback

    Presencia Digital Internacional con Arquitectura Multilingüe

    Enfoque Global

    Desarrollo de la plataforma web oficial para el Dr. Lars Stromback, diseñada para proyectar su marca personal médica y trayectoria clínica en el mercado internacional. El proyecto se centró en la implementación de una arquitectura multilingüe nativa e internacionalización (i18n), combinada con una estrategia de SEO geolocalizado que permite que la experticia del especialista sea accesible de manera fluida para audiencias de diversos idiomas y regiones.

    Estrategia de Internacionalización & UX

    Navegación Multilingüe
    Implementación de un sistema de idiomas dinámico que preserva la coherencia del diseño y la experiencia de usuario en cada traducción.
    SEO Internacional
    Estructuración técnica basada en etiquetas hreflang y metadatos localizados para maximizar la visibilidad en motores globales.
    Atención Cross-Border
    Canales de contacto y agendamiento adaptados a zonas horarias e idiomas preferentes para pacientes internacionales.

    Infraestructura del Proyecto

    Gestión de Etiquetas Hreflang (Hreflang Management)
    Control preciso de versiones idiomáticas y regionales para prevenir contenido duplicado y optimizar la indexación en Google / Bing global.
    UX & Tipografía Internacional (International UX)
    Adaptación de la interfaz, espacios y fuentes para garantizar legibilidad impecable en múltiples idiomas (inglés, español, nórdicos).
    Distribución Global (CDN Optimization)
    Configuración de redes CDN (Edge caching) para asegurar tiempos de carga mínimos y respuestas inmediatas desde cualquier continente.

    Habilidades & Competencias Clave

    Multilingual Web Design
    International SEO
    Localization (L10n)
    WordPress i18n
    Global CDN Edge Performance
    Cross-Border UX


    Desarrollador / UI/UX Specialist

    Patricio Quintanilla

  • Dr Flores

    Dr Flores

    Proyecto Website
    Cliente Dr. Flores
    Lenguajes WordPress
    Preview Visitar Sitio

    Sobre el Proyecto


    Desarrollo Web & Especialidad Traumatológica

    Dr. Flores

    Presencia Digital Especializada en Traumatología de Hombro y Codo

    Enfoque Clínico

    Desarrollo del ecosistema digital para el Dr. Flores, traumatólogo especialista en articulaciones complejas e intervenciones de hombro y codo. El proyecto se enfocó en la creación de una arquitectura de información orientada al paciente, facilitando la comprensión de patologías ortopédicas específicas y opciones de tratamiento (artroscopía, prótesis, rehabilitación) mediante una interfaz que transmite seguridad, autoridad quirúrgica y claridad diagnóstica.

    Estrategia de Comunicación Traumatológica

    Contenido Educativo
    Estructuración de información sobre lesiones de manguito rotador, inestabilidad y fracturas, adaptada al paciente.
    Flujo de Contacto
    Puntos de conversión estratégicos para agendar evaluaciones quirúrgicas, segundas opiniones y revisiones postoperatorias.
    Orientación al Deportista
    Sección dedicada a medicina deportiva y protocolos de reincorporación a la actividad física de alto rendimiento.

    Infraestructura del Portal Médico

    Indexación de Patologías (Pathology Indexing)
    Maquetación de secciones enfocadas en procedimientos quirúrgicos y no quirúrgicos optimizadas para SEO médico subespecializado.
    Confianza Visual & Marca (Visual Trust)
    Uso de paleta sobria y tipografía limpia que refuerzan la solidez clínica, la rigurosidad y la solvencia del especialista.
    Captación Dinámica de Consultas (Dynamic Lead Gen)
    Módulos de consulta directa e integración con plataformas de agendamiento para captar pacientes que requieren cirugía especializada.

    Habilidades & Competencias Clave

    Trauma Web Design
    Specialized Medical SEO
    Healthcare UI/UX
    Content Strategy
    Responsive Performance
    Patient Lead Workflows


    Desarrollador / UI/UX Specialist

    Patricio Quintanilla

  • Web Adopción

    Web Adopción

    Proyecto Social Web
    Cliente Web Adopción
    Lenguajes React / Firebase
    Preview Visitar Sitio

    Sobre el Proyecto


    Desarrollo Web & Impacto Social / ONG

    Web Adopción

    Plataforma Digital Solidaria para el Fomento de la Adopción Responsable

    Enfoque Social y UX

    Desarrollo de la plataforma web oficial para una organización dedicada al rescate y la adopción de animales. El proyecto se centró en humanizar la experiencia digital mediante un entorno empático y transparente, creando un catálogo dinámico que conecta emocionalmente a los adoptantes con cada rescatado mediante filtros avanzados, fichas con historia clínica/conductual y un flujo de postulación optimizado para smartphones.

    Estrategia de Adopción & UX Empática

    Catálogo de Rescatados
    Fichas dinámicas con galerías de fotos, videos y perfiles de personalidad para fomentar la conexión afectiva.
    Buscador Inteligente
    Filtros por especie, edad, tamaño y compatibilidad (niños, otros animales) para encontrar el compañero ideal.
    Ecosistema de Apoyo
    Módulos para aportes voluntarios, apadrinamiento temporal y postulación a programas de voluntariado.

    Infraestructura del Portal ONG

    Fichas de Rescatados (Dynamic Pet Records)
    Gestor de contenidos (CMS) para actualizar estados de adopción (disponible, en proceso, adoptado) y necesidades médicas en tiempo real.
    Proceso de Integración (Onboarding UX)
    Flujo guiado para postulantes que simplifica la recolección de datos y evalúa el perfil del hogar para asegurar adopciones responsables.
    SEO Solidario & Orgánico (Solidary SEO)
    Optimización técnica centrada en búsquedas geolocalizadas de adopción y tenencia responsable para ampliar la difusión comunitaria.

    Habilidades & Competencias Clave

    NGO Web Strategy
    Catalog Management
    Solidary UI/UX
    Mobile Performance
    Social Impact Design
    Form Funnel Optimization


    Desarrollador / UI/UX Specialist

    Patricio Quintanilla

  • Mailing Policenter

    Mailing Policenter

    Proyecto Marketing
    Cliente Policenter
    Lenguajes HTML Email
    Preview Visitar Sitio

    Sobre el Proyecto


    Desarrollo HTML Email & Comunicación Médica

    Mailing Policenter

    Desarrollo y Codificación de Piezas de Email Marketing Responsivo

    Enfoque Técnico y Comunicación

    Desarrollo y maquetería HTML especializada de plantillas de correo electrónico para Policenter, enfocados en la comunicación masiva, preventiva e institucional con pacientes. El proyecto se centró en la codificación de piezas híbridas/fluidas de alto rendimiento mediante tablas HTML y CSS inline, asegurando consistencia visual absoluta en diversos gestores de correo y móviles, maximizando las tasas de apertura (OR) y clics (CTR).

    Estrategia de Email Development & Entregabilidad

    Compatibilidad Multi-Cliente
    Codificación técnica robusta testeada para renderizar sin fallas en Gmail, Outlook (motores Word/Webkit), Apple Mail y Yahoo.
    Diseño Orientado a la Acción
    Estructura visual que prioriza la jerarquía de avisos médicos, asegurando botones CTA claros y accesibles desde smartphones.
    Cero Spam & Entregabilidad
    Relación texto/imagen equilibrada y maquetación depurada para superar filtros anti-spam de proveedores de correo.

    Estrategia de Email Development

    Tablas Responsivas & CSS Inline (Responsive Tables)
    Uso de arquitecturas de tablas anidadas y estilos inyectados directamente en etiquetas para garantizar adaptabilidad fluida sin depender de media queries.
    Optimización de Imágenes (Image Optimization)
    Manejo de activos comprimidos alojados en CDN con atributos ALT descriptivos, dimensiones explícitas y textos de respaldo para cuando las imágenes están bloqueadas.
    Integración Multiplataforma (Platform Integration)
    Plantillas modulares estandarizadas y preparadas para importación directa en herramientas ESP como SendGrid, Mailchimp, Constant Contact o Amazon SES.

    Habilidades & Competencias Clave

    HTML Email Coding
    Responsive Hybrid Email
    Email Deliverability
    Digital Marketing
    Cross-Client Testing
    ESP Template Engineering


    Desarrollador / UI/UX Specialist

    Patricio Quintanilla

  • Paymed

    Paymed

    Proyecto Fintech App
    Cliente Paymed
    Lenguajes Python / React
    Preview Visitar Sitio

    Sobre el Proyecto


    Diseño UX/UI & Plataformas Fintech / Health-Tech

    Paymed

    Diseño de Interfaz UX/UI para Plataforma de Pagos Médicos

    Enfoque Transaccional

    Desarrollo de la interfaz de usuario para Paymed, una solución Fintech de salud diseñada para digitalizar, centralizar y automatizar los flujos de cobro y pago en prestaciones médicas. El proyecto se enfocó en construir una experiencia transaccional segura, clara y sin fricciones, facilitando la gestión financiera entre prestadores de salud, aseguradoras y pacientes mediante un sistema visual que prioriza el rigor de datos y la confianza en cada operación.

    Estrategia UX Fintech & Arquitectura Visual

    UX de Seguridad
    Flujos de checkout y pasarelas de pago simplificadas que previenen errores y fortalecen la certidumbre del usuario.
    Visualización de Datos
    Dashboards ejecutivos e intuitivos para el monitoreo de liquidaciones, cobranzas y balances financieros en tiempo real.
    Comprobantes Digitales
    Módulos para la generación y emisión inmediata de recibos, respaldos y facturación electrónica de consultas.

    Infraestructura y Componentes UI/UX

    Flujo de Transacción Optimizado (Transaction Flow)
    Diseño paso a paso de pasarelas de pago reducidas que eliminan distracciones y aceleran el cierre de transacciones financieras.
    Jerarquía de Información Crítica (Visual Hierarchy)
    Uso de contrastes, tipografía limpia y códigos de estado (colores normados) para destacar montos, comisiones y confirmaciones transaccionales.
    Cumplimiento Estándar Financiero (Fintech Compliance)
    Maquetación bajo guías de diseño accesible y requerimientos visuales estrictos de las plataformas bancarias e instituciones de salud.

    Habilidades & Competencias Clave

    Fintech UX/UI
    Transactional Design
    Data Visualization
    Health-Tech Systems
    Responsive Framework
    Payment Gateway UX


    Desarrollador / UI/UX Specialist

    Patricio Quintanilla

  • Aristetic

    Aristetic

    Proyecto Website
    Cliente Aristetic
    Lenguajes HTML5 / JS
    Preview Visitar Sitio

    Sobre el Proyecto


    Desarrollo Web UI/UX & Estética Médica Avanzada

    Aristetic

    Identidad Digital Premium para Centros de Estética Avanzada

    Concepto de Diseño

    Desarrollo del sitio web oficial de Aristetic, concebido como una pieza visualmente impactante que proyecta sofisticación, pulcritud e innovación en el ámbito de la estética médica. El proyecto se centró en un diseño minimalista «High-End», priorizando la exhibición de procedimientos mediante galerías inmersivas, simetría editorial y una arquitectura de información orientada a transmitir confianza clínica y exclusividad en cada tratamiento.

    Estrategia de Diseño High-End & UX

    Galería Inmersiva
    Showcase visual de alta fidelidad optimizado para resaltar resultados y tecnología de vanguardia sin penalizar la velocidad.
    Minimalismo Funcional
    Uso estratégico del espacio negativo y tipografía sobria para guiar la atención del usuario hacia servicios clave y reservas.
    Catálogo de Protocolos
    Presentación detallada de tratamientos faciales y corporales no invasivos con descripciones orientadas a la evaluación.

    Infraestructura del Proyecto

    Rendimiento Visual (Visual Performance)
    Optimización avanzada de activos gráficos en alta resolución utilizando formatos WebP/AVIF y carga diferida (Lazy Loading).
    Diagramación Editorial (UX Editorial)
    Estructura limpia inspirada en revistas de diseño y alta cosmética, adaptada para una navegación fluida e intuitiva.
    Captación Integrada (Lead Integration)
    Formularios y canales de agendamiento directo sutilmente integrados en la narrativa visual del portal para maximizar la conversión.

    Habilidades & Competencias Clave

    Premium UI Design
    Minimalist UX
    Visual Branding
    Image Optimization
    Responsive Aesthetics
    Editorial Layout Design


    Desarrollador / UI/UX Specialist

    Patricio Quintanilla

  • Medical PR

    Medical PR

    Proyecto Website
    Cliente Medical PR
    Lenguajes WordPress
    Preview Visitar Sitio

    Sobre el Proyecto


    Desarrollo Web B2B & Comunicación Estratégica

    Medical PR

    Portal Corporativo para Consultoría en Relaciones Públicas del Sector Salud

    Estrategia de Comunicación

    Desarrollo de la plataforma oficial para Medical PR, una agencia boutique especializada en la gestión reputacional, comunicación en situaciones de crisis y relaciones públicas corporativas para instituciones de salud. El proyecto se centró en proyectar una imagen sólida, seria e institucional, priorizando la claridad en la exposición de servicios estratégicos y la construcción de autoridad mediante una arquitectura de contenidos impecable y un diseño sobrio de alta gama.

    Estrategia de Marca & Gestión Reputacional

    Gestión de Reputación
    Maquetación orientada a transmitir confianza, ética y discreción, pilares fundamentales en las RR.PP. para el sector salud.
    Arquitectura de Contenidos
    Estructuración de módulos informativos para facilitar el posicionamiento de la agencia como experta en manejo de prensa y crisis.
    Casos de Éxito & Vocería
    Sección dedicada a programas de formación de voceros clínicos y gestión de posicionamiento mediático institucional.

    Infraestructura del Proyecto

    Interfaz Corporativa B2B (Corporate UI)
    Diseño de alto impacto bajo estándares institucionales, optimizado para conectar con directivos de clínicas, laboratorios y centros de salud.
    Captación Discreta de Prospectos (Lead Management)
    Integración de formularios protegidos para solicitudes confidenciales de consultoría estratégica y gestión de crisis mediáticas.
    SEO Institucional de Especialidad (SEO B2B)
    Optimización semántica basada en terminología de Relaciones Públicas, reputación y comunicación en salud para búsquedas corporativas.

    Habilidades & Competencias Clave

    Public Relations Web Strategy
    Corporate Branding
    B2B Lead Generation
    Information Architecture
    Responsive Design
    Reputational Marketing


    Desarrollador / UI/UX Specialist

    Patricio Quintanilla

  • Doctor Valdés

    Doctor Valdés

    Proyecto Website
    Cliente Dr. Valdés
    Lenguajes WordPress
    Preview Visitar Sitio

    Sobre el Proyecto


    Desarrollo Web & Especialidad Dermatológica

    Doctor Valdés

    Portal Clínico Especializado en Dermatología Médica y Estética

    Enfoque Clínico-Estético

    Desarrollo del ecosistema digital para el Dr. Valdés, médico especialista en Dermatología clínica y dermoestética. El proyecto se centró en proyectar una imagen de pulcritud, innovación y rigor médico, facilitando que los pacientes identifiquen rápidamente soluciones para patologías cutáneas crónicas, dermatoscopía preventiva y procedimientos de rejuvenecimiento estético mediante una arquitectura de información clara, estructurada y altamente visual.

    Estrategia de Comunicación & Salud Cutánea

    Salud Cutánea
    Estructuración de contenidos sobre diagnóstico y tratamiento de afecciones dermatológicas con un enfoque educativo y empático.
    Estética Avanzada
    Maquetación de procedimientos cosméticos minimamente invasivos resaltando la seguridad clínica y tecnología láser de vanguardia.
    Dermatoscopía Preventiva
    Sección dedicada al mapeo corporal de lunares y prevención temprana de cáncer de piel para la concientización del paciente.

    Infraestructura del Proyecto

    Indexación Especializada (Specialized Indexing)
    Optimización semántica de taxonomías para diferenciar claramente las patologías médicas de los tratamientos estéticos en motores de búsqueda.
    Confianza Visual & Limpieza (Visual Trust UX)
    Interfaz minimalista que utiliza el espacio negativo, tonos armónicos y tipografía sobria para transmitir higiene y serenidad.
    Captación de Pacientes (Lead Management)
    Integración de flujos de contacto dinámicos y agendamiento directo para la reserva de horas médicas y evaluaciones dermoestéticas.

    Habilidades & Competencias Clave

    Dermatology Web Design
    Healthcare UI/UX
    Personal Branding
    Information Architecture
    Responsive Design
    Medical SEO & Indexing


    Desarrollador / UI/UX Specialist

    Patricio Quintanilla

1 … 4 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