María Fernanda Marín Ruiz

María Fernanda Marín Ruiz

Product Lead & Founder | UX/UI Specialist | Estrategia Omnicanal & IA Generativa

Bogotá, Distrito Capital, Colombia

Diseñadora UX/UI con experiencia construyendo ecosistemas digitales para turismo, e-commerce y editorial. Identifico las fricciones invisibles que las métricas de vanidad ignoran y las resuelvo con datos, no con intuición. Experta en UI & Figma Avanzado (Atomic Design, arquitectura de componentes, librerías escalables, accesibilidad web), UX Research & CRO (pruebas de usabilidad masivas, User Flows, wireframes, arquitectura de información) y UX Writing Estratégico (reducción de carga cognitiva con microcopys empáticos). Buscando un primer rol a tiempo completo, adaptable y con sed de aprender, para integrarse a un equipo, pulir la colaboración y el handoff técnico con desarrollo, y absorber la experiencia de mentores, aportando valor desde el primer día. Busca conectar con roles Junior/Mid que valoren la comprensión de objetivos de negocio y psicología del usuario.

Notable Projects

El Mito del 100% de Éxito

Rediseño de Plataforma de Oradores. Caso de Estudio de Optimización de Producto. Reduje la fricción crítica en el flujo principal analizando datos masivos en Maze, detectando un 44.2% de clics erróneos y un tiempo de abandono de 101.1 segundos por usuario. Diseñé una nueva arquitectura mediante un Progress Stepper de 3 pasos y UX Writing estratégico, eliminando el voto por apariencia y transformando decisiones basadas en estética en elecciones guiadas por datos reales. Apliqué la Ley de Proximidad en el rediseño de la interfaz, reduciendo directamente la tasa de errores de clic y optimizando el esfuerzo motor del usuario.

Maze, Figma, Psicología Cognitiva, UX Writing

Anatomía del Rediseño

Reestructuración de Flujos Interactivos móvil. Caso de Estudio de Optimización de Herramientas Complejas. Reestructuré de extremo a extremo la anatomía de flujos interactivos para la gestión y publicación de contenidos en plataformas móviles, eliminando cuellos de botella de navegación críticos. Diseñé wireframes estructurales y prototipos de alta fidelidad aplicando patrones de diseño interactivo avanzados, reduciendo la carga cognitiva de los usuarios administradores al condensar funciones funcionales complejas. Estandarizé el traspaso técnico (handoff) documentando detalladamente la lógica de navegación y estados interactivos, disminuyendo la brecha de comunicación con ingeniería de software.

Figma, User Flows, Wireframing

Ecosistema Digital Amavic

Diseño de Aplicación Móvil. Caso de Estudio de Startup Médica & E-commerce. Estructuré una biblioteca modular y Sistema de Diseño completo desde cero bajo la metodología de Atomic Design, abstrayendo componentes reutilizables en Figma mediante variantes y variables avanzadas para acelerar fases de iteración. Diseñé el flujo de onboarding interactivo móvil enfocado en la activación y retención de usuarios, mitigando la parálisis por análisis a través de microcopys estructurados y simplificados. Alineé los componentes de la interfaz a los estándares internacionales de Accesibilidad Web (WCAG), auditando minuciosamente paletas de contraste y jerarquías tipográficas para expandir de forma inclusiva el embudo de registro.

Figma, Atomic Design, WCAG

Dashboard de Gestión de Suscripciones

Plataforma Web. Sistema de Diseño y Atomic Design. Proyecto de Escalabilidad UI. Construí una librería de componentes modulares desde cero bajo la metodología de Atomic Design, aislando elementos para lograr que el 100% de la interfaz se construya mediante instancias reutilizables. Estandaricé variantes complejas y estados interactivos de componentes en Figma, optimizando significativamente el flujo de trabajo del equipo y reduciendo los tiempos de diseño para nuevas pantallas.

Atomic Design, Figma

Arquitectura de Información y Flujo End-to-End

Validación de Prototipos. Definí la arquitectura de información y flujos de usuario (User Flows) de extremo a extremo, estableciendo una estructura lógica que eliminó los cuellos de botella críticos en la navegación. Desarrollé y conecté un prototipo interactivo final de alta fidelidad, agilizando la validación de usabilidad con stakeholders y garantizando la alineación con los equipos de desarrollo.

User Flows, Prototyping, Information Architecture

Highlights

Experienced Professional

3+ years of professional experience.

Technology Specialist

4+ years working with UX UI Design.

Developer Growth

Contributions Month

Contribution Activity

Less
More

Technologies

Expert in:

UX UI Design Figma Arquitectura de Información (Information Architecture)

Frameworks

Diseño Atómico (Atomic Design) Advanced · 2 yrs

Tools

Figma Expert · 4 yrs Maze Advanced · 1 yrs Wireframes Advanced · 3 yrs Flipbook technology Intermediate · 1 yrs WordPress Advanced · 1 yrs Elementor Advanced · 1 yrs Canva Intermediate · 1 yrs WhatsApp Intermediate · 1 yrs

Testing

Pruebas de usabilidad (Usability Testing) Advanced · 3 yrs

Other

Redacción de UX (UX Writing) Advanced · 3 yrs UX UI Design Expert · 4 yrs Design Thinking Advanced · 1 yrs IA Generativa (Generative AI) Advanced · 1 yrs WCAG Advanced · 1 yrs User Flows Advanced · 3 yrs Arquitectura de Información (Information Architecture) Expert · 4 yrs

Education

UX/UI Design

TripleTen LatAm

UX UI Design

2025 – 2026

Certificado

Servicio Nacional de Aprendizaje (SENA)

Caracterización de Audiencias para Campañas Digitales

2026 – 2026

Certificado

Servicio Nacional de Aprendizaje (SENA)

Planeación de Contenidos Digitales y Storytelling

2026 – 2026

Certificación

Servicio Nacional de Aprendizaje (SENA)

Fundamentos de Diseño

2025 – 2025

Certificado

Servicio Nacional de Aprendizaje (SENA)

Generación de Ideas Innovadoras con Design Thinking

2025 – 2025

Spoken Languages

Spanish Native

Experience

Product Lead & Founder | UX/UI Specialist | Estrategia Omnicanal & IA Generativa

Amavic Colombia

Lidero de manera integral el desarrollo de AMAVIC, una marca de sistemas avanzados de salud bucal que fusiona ciencia, tecnología y bienestar con un propósito ético. Mi rol abarca desde la investigación profunda del consumidor hasta la implementación técnica de soluciones digitales omnicanal, asegurando que cada punto de contacto refuerce una propuesta de valor premium. Logros y Responsabilidades Clave: Investigación de Usuario & Estrategia de Producto: Diseñé el perfil psicográfico del Buyer Persona, identificando puntos de dolor críticos y motivaciones de compra. Estructuré un User Journey que hibrida la evidencia científica clínica (reducción del 52% de inflamación) con una narrativa emocional de "Lovemark". Diseño UX/UI & IA Generativa: Utilicé Inteligencia Artificial para la creación de mockups de producto, curación de contenidos y copywriting estratégico bajo el manual de marca. Desarrollé prototipos visuales que equilibran la estética de lujo con la funcionalidad médica. Arquitectura de Información & Catálogos Interactivos: Creé ecosistemas de venta B2B y B2C mediante tecnología Flipbook. Implementé una taxonomía clara para el "Kit Victoria", facilitando la comprensión de dispositivos complejos como el irrigador de micro-pulsaciones, cepillos interdentales, crema de propoleo y los cepillos de tecnología de oro. Estrategia Omnicanal (Phygital): Desarrollé una Landing de Enlaces y flujos de conversión mediante códigos QR, conectando el packaging físico con recursos digitales de valor, soporte por WhatsApp y la tienda oficial. Onboarding & Retención: Diseñé el manual de usuario interactivo "Modo de Uso", empleando diseño instruccional y narrativa asistida por IA para reducir la fricción post-venta y garantizar el éxito del tratamiento en casa.

2025-07 – Present

Product Designer & Web Developer

waika editorial

Lideré el diseño y desarrollo integral del ecosistema digital de la editorial, transformando su presencia de marca desde la investigación de usuario hasta la implementación técnica de soluciones omnicanal. Mi enfoque se centró en la mitigación de riesgos, equilibrando requerimientos de negocio con mejores prácticas de usabilidad para garantizar un producto de alta conversión y satisfacción del cliente. Logros y Responsabilidades Clave: E-commerce & Desarrollo Web: Diseñé y personalicé el sitio web en WordPress y Elementor. Implementé una arquitectura responsiva y una segmentación estratégica por instituciones educativas, optimizando la logística de venta escolar. Arquitectura de Información (IA) & Taxonomía: Estructuré el catálogo digital "Plan Lector 2025" con +100 títulos. Creé un sistema de franjas etarias (Exploradores a Lobos de Mar) que redujo la carga cognitiva y facilitó el hallazgo de productos. Diseño UX/UI & Prototipado: Desarrollé prototipos de alta fidelidad en Figma con una jerarquía visual clara para guiar a padres y docentes hacia la conversión. Defendí decisiones de diseño basadas en la experiencia del usuario, resolviendo fricciones en la navegación. Estrategia Omnicanal & Landing de Enlaces: Diseñé una Landing de Enlaces en Canva y puntos físicos mediante banners con QR. Logré una transición fluida del material impreso al digital (Web, WhatsApp y Catálogos), manteniendo una identidad visual 100% unificada. Estrategia de Conversión: Integré incentivos de descuento del 10% vinculados a QR dinámicos para impulsar el tráfico al e-commerce y maximizar ventas orgánicas. Diseño Editorial Digital: Transformé el catálogo físico en un Flipbook interactivo, mejorando la accesibilidad y el alcance comercial en canales digitales.

2024-11 – 2025-02

Web & UI Designer (Freelance)

Natura Travel Colombia

Lideré el diseño de la interfaz y la adaptación del ecosistema digital de la agencia para el mercado internacional, asegurando una experiencia de usuario (UX) coherente con las expectativas de viajeros en Europa (Inglaterra, Italia, Francia y Alemania). Mi enfoque se centró en la confianza del usuario y la optimización de flujos de navegación para la conversión de servicios turísticos. Logros y Responsabilidades Clave: Localización de Producto: Adapté los flujos de navegación y el UX Writing (modismos y tono de voz) para diversos mercados europeos, eliminando barreras culturales y aumentando la confianza del usuario local durante el proceso de reserva. Arquitectura Web Adaptativa: Diseñé una estructura de información escalable que permitió organizar la oferta de destinos internacionales, mejorando la tasa de conversión y la legibilidad de los planes turísticos. Diseño de Interfaz (UI): Creé componentes visuales atractivos y funcionales, alineados con una estética de viaje y aventura que resonara con el público objetivo internacional.

2021-03 – 2022-10