DISEÑO DE PRODUCTO DIGITAL · UX/UI · DESARROLLO WEB

Mariana Cano · Portfolio

Diseño experiencias digitales con intención.

Las convierto en productos reales.

Soy Mariana Cano, diseñadora de producto digital con experiencia en UX/UI, diseño e implementación web y creación de experiencias digitales. Combino pensamiento estratégico, diseño centrado en las personas y conocimientos técnicos para transformar necesidades de negocio y de usuario en soluciones digitales funcionales, intuitivas y visualmente atractivas. Me interesa conectar diseño, tecnología y estrategia para crear productos que generen valor, mejoren la experiencia de las personas y contribuyan a los objetivos del negocio.

Proyectos seleccionados

Una selección de proyectos profesionales, académicos e independientes que exploran el diseño de productos digitales, la experiencia de usuario y la implementación web, conectando las necesidades de las personas con los objetivos del negocio.

Mento Agency

Rediseñé la experiencia digital de Mento Agency, conectando los objetivos del negocio con una propuesta de diseño centrada en la identidad de marca, la usabilidad y la navegación. Mi trabajo abarcó la organización del contenido, el diseño de interfaces en Figma y la implementación completa en WordPress, siguiendo los lineamientos visuales de la marca. Además, optimicé la estructura del sitio para mejorar el SEO y fortalecer su visibilidad orgánica. El resultado fue una experiencia web coherente, responsive y alineada con las necesidades de la empresa y sus usuarios.

Investigación de Producto — EAFIT

Proyecto académico desarrollado en el marco de la asignatura Gerencia de Diseño, enfocado en la investigación y el desarrollo estratégico de un nuevo producto para Haceb. A través de un proceso de investigación y análisis, exploramos oportunidades de innovación y aplicamos el pensamiento de diseño para transformar los hallazgos en una propuesta de producto alineada con las necesidades identificadas y los objetivos del negocio. El proyecto integró investigación, estrategia y diseño como herramientas para orientar la toma de decisiones y gestionar el desarrollo de nuevos productos.

Skin and Beauty

Desarrollé el proyecto web de Skin and Beauty desde un enfoque estratégico, buscando alinear la identidad de marca, los objetivos del negocio y las necesidades de sus usuarios. El principal reto fue estructurar un sitio con múltiples secciones, definiendo la organización del contenido, la jerarquía visual y los recorridos de navegación para construir una experiencia clara y coherente. Me encargué del diseño de interfaces y de la implementación completa en WordPress, cuidando la consistencia visual, la usabilidad y la adaptación a diferentes dispositivos.

Boda Planes

Diseñé y desarrollé la experiencia web de Boda Planes, alineando las decisiones de diseño con los objetivos comerciales del negocio y las necesidades de un público altamente específico. Trabajé de la mano con el cliente para comprender su modelo de negocio, definir una dirección estratégica y construir una experiencia enfocada en la conversión. A través del diseño de interfaces, las pruebas y la implementación final en WordPress con Elementor, optimicé el recorrido del usuario para facilitar la generación de contactos cualificados y mejorar la efectividad de los leads provenientes de las campañas publicitarias.

Hotel Banyan

Desarrollé la experiencia digital de Banyan, conectando los objetivos del negocio con una propuesta de diseño centrada en la experiencia de usuario. Trabajé en la definición de la estructura y los recorridos de navegación, el diseño de interfaces UI y la implementación web, buscando una experiencia intuitiva, visualmente coherente y funcional. El proyecto integró pensamiento estratégico, diseño de interfaces y desarrollo para traducir las necesidades del proyecto en una solución digital.

Kashu Snacks

Diseñé e implementé el sitio web de Kashu Snack en Shopify, articulando la estrategia UX, el diseño de interfaces UI y el desarrollo de la plataforma. El trabajo partió de los objetivos del negocio para definir la organización del contenido y una experiencia de navegación clara, acompañada de una propuesta visual coherente con la marca. Finalmente, implementé el diseño en Shopify, priorizando la usabilidad, la consistencia visual y la experiencia responsive.

Más de 50 proyectos desarrollados en WordPress y Shopify, conectando estrategia, diseño UX/UI e implementación web para responder a diferentes necesidades de negocio.

Competencias y herramientas

Un enfoque multidisciplinario que integra estrategia de producto, experiencia de usuario, diseño de interfaces e implementación web para crear soluciones digitales alineadas con las necesidades de las persona y los objetivos del negocio.

Estrategia y diseño de producto

Definición de problemas · Pensamiento estratégico · Alineación entre usuario y negocio · Identificación de oportunidades · Ideación de soluciones · Priorización · Propuesta de valor · Objetivos de producto

Experiencia de usuario (UX)

Arquitectura de información · User flows · Wireframes · Prototipado · Diseño centrado en el usuario · Usabilidad · Diseño responsive · Estructuración de contenido · Optimización de recorridos

Diseño de interfaces (UI)

Dirección de arte digital · Composición visual · Tipografía y legibilidad · Diseño de interfaces · Sistemas visuales · Bibliotecas de componentes · Guías de estilo · Prototipado interactivo · Identidad visual de marca

Investigación y validación

Investigación de usuarios y mercado · Análisis de necesidades · Investigación competitiva · Síntesis de hallazgos · Pensamiento de diseño · Pruebas de usabilidad · Validación de propuestas · Identificación de oportunidades de innovación

Analítica y optimización digital

Diseño orientado a la conversión · Optimización de CTA · Google Analytics 4 · Google Tag Manager · Medición de eventos · Seguimiento de conversiones · Fundamentos de Google Ads · SEO on-page

Implementación y desarrollo web

HTML · CSS · SCSS · JavaScript · React  · Tailwind CSS · WordPress · Elementor · Shopify · Liquid · Webflow · Maquetación responsive · Implementación de interfaces · Control de calidad visual

Diseño de producto UX/UI

Desarrollo e implementación

Herramientas IA aplicada al diseño

Entender a las personas. Comprender el negocio. Diseñar con propósito.

Soy ingeniera en Diseño de Entretenimiento Digital, con trayectoria en el desarrollo de experiencias digitales que conectan diseño, tecnología y objetivos de negocio. Mi recorrido abarca desde el diseño de experiencias interactivas y videojuegos hasta proyectos de UX/UI, implementación web, comercio electrónico, marketing digital y plataformas en entornos financieros. Esta diversidad me ha permitido comprender distintos contextos, identificar oportunidades y transformar necesidades en soluciones digitales funcionales, coherentes y centradas en las personas.

Actualmente, curso una Especialización en Gerencia de Diseño de Producto, con la que fortalezco mi visión estratégica y mis capacidades para conectar investigación, pensamiento de diseño, gestión de proyectos y objetivos de negocio. Me caracterizo por abordar los retos de forma analítica y creativa, trabajar de manera colaborativa con equipos y clientes, y asumir la iniciativa para llevar las ideas de la conceptualización a la ejecución. Mi proyección es crecer hacia roles de liderazgo en diseño de producto, contribuyendo tanto a la dirección estratégica como a la construcción de experiencias digitales de valor.

EDUCACIÓN

Ingeniería en Diseño de Entretenimiento Digital

Universidad Pontificia Bolivariana · 2019 – 2024

Especialización en Gerencia de Diseño de Producto

Universidad EAFIT · En progreso

Google UX Design Professional Certificate

2024

Certified Tech Developer

Digital House 2023 – 2025

Certificado de manejo Adobe Photoshop

2017

EXPERIENCIA LABORAL

Mento Agency

Diseñadora UX/UI  · Desarrolladora WordPress/Shopify · Optimización de conversiones

Garantías Comunitarias

Diseñadora UX/UI

Profesora programación Web Intermedio

Sapiencia × Universidad Pontificia Bolivariana · Figma, web layout, HTML, CSS & WordPress

Freelance Product Designer

Diseño de producto digital · Estrategia UX · Investigación de usuarios · Diseño UI · Prototipado en Figma ·  Diseño y desarrollo web · WordPress · Shopify · Optimización de conversiones

Las buenas ideas comienzan con las preguntas correctas.

Me interesa colaborar en proyectos donde el diseño, la tecnología y la estrategia se unen para resolver problemas reales. Estoy abierta a nuevos retos, equipos con los que pueda crecer y oportunidades para crear productos digitales que generen valor para las personas y los negocios.

Scroll to Top