Disponible para nuevos proyectos

Mariana Piovano. Hola, soyMariana. Diseñadora Gráfica y UX/UI

Transformo ideas en soluciones digitales intuitivas y atractivas, cuidando tanto la estética como la experiencia de quienes las utilizan.

Ver proyectos Descargar CV
Retrato de Mariana Piovano, diseñadora gráfica y UX/UI de Rafaela, Santa Fe

01 — Quién soy

Un poco
sobre mí.

Soy diseñadora gráfica y UX/UI de Rafaela, Santa Fe, con más de 15 años de experiencia. Trabajo de forma remota con todo el país y coordino reuniones presenciales en la zona. Diseño sitios web, plataformas, interfaces y piezas visuales para empresas de distintos rubros, combinando creatividad, comunicación y funcionalidad. Trabajo a partir de las necesidades y objetivos de cada cliente, en colaboración con equipos de desarrollo para transformar requerimientos en soluciones digitales claras, intuitivas y funcionales.

Integro conocimientos de UX/UI con una sólida trayectoria en diseño gráfico, lo que me permite abordar cada proyecto desde una mirada integral, cuidando tanto la estética como la experiencia de uso.

  • Diseño UX/UI
  • Prototipado en Figma
  • Sitios web y e-commerce
  • Branding
  • Implementación UI y QA

Servicios

  • Diseño UX/UI de plataformas y apps

    Interfaces claras para sistemas de gestión, plataformas y apps mobile, pensadas para distintos perfiles de personas usuarias.

  • Sitios web institucionales

    Sitios y one pages que presentan a una marca con claridad y se ven bien en cualquier pantalla.

  • Tiendas online

    Diseño de e-commerce para que comprar sea simple, en plataformas como Tienda Nube.

  • Diseño gráfico

    Piezas gráficas y contenido para redes, coherentes con la identidad de cada marca.

02 — Proyectos

Abrí una carpeta.

Una selección de plataformas, apps, sitios web y marcas. Cada carpeta abre el caso completo.

Tablero de rediseño de la app de auditorías con tipografía, paleta de colores y grillas Accesibilidad y pantallas mobile de la app de auditorías Pantallas mobile y prototipo de la app de auditorías

UX/UI · Mobile y desktop

FullAudits

Carga de horas del sistema de gestión Listado de productos del sistema de catálogos en versión mobile Lámina de una app mobile para solicitar una tarjeta de crédito

UX/UI · Plataforma webDiseño original en Figma

Inicio de una tienda online de mates y accesorios Inicio de una tienda online de repuestos y accesorios Inicio de una tienda online de carnes

UX/UI · Web desktop y mobileDiseño original en Figma

Tiendas online

Inicio de un sitio institucional de una empresa de tecnología y telecomunicaciones Inicio de un sitio institucional de una agencia de marketing digital Inicio de un sitio institucional de un taller de chapa y pintura

UX/UI · Web desktop y mobileDiseño original en Figma

Sitios corporativos y de producto

Portada del proyecto Hoy Qué Comemos Pantallas de la app de billetera digital con el sistema de grillas Pantallas finales de la app Hoy Qué Comemos

UX/UI · App mobile

Trabajos finales de UX/UI

Manual de identidad visual de una marca para app, con su logotipo sobre un celular Folleto de inscripciones con la identidad de marca de un espacio infantil Publicaciones para redes sociales y perfil de Instagram de una marca de carnes

Diseño gráfico

Identidad de marca y contenido para redes

03 — Experiencia

Dónde trabajé

  1. Implementación UI y QA · Freelance

    Implementación y ajuste de interfaces a partir de mockups, mejoras de usabilidad y testing funcional.

  2. Diseñadora UX/UI · Nimbus

    Diseño UX/UI de sitios web institucionales, en desktop y mobile, con contacto directo con los clientes.

  3. Diseñadora Gráfica y UX/UI · Doblex Agencia

    Diseño y prototipado de sitios e-commerce e institucionales y plataformas web, más piezas para redes.

  4. Diseñadora UX/UI · Adeco Agro

    Diseño y prototipado de aplicaciones en Figma y documentación de sistemas.

  5. Diseñadora UX/UI · FullAudits

    Diseño y prototipado de una aplicación mobile y desktop.

  6. Diseñadora Gráfica · La Bodeguita del Medio (Eniac Soluciones)

    Piezas digitales e impresas, identidad de marca para distintos rubros, edición de video y diseño de sitios web.

  7. Diseñadora Gráfica · Grafils Impresiones Gráficas

    Atención al cliente y diseño de piezas para sublimación, estampado, digitales e impresas.

  8. Diseñadora Gráfica y UX/UI · Freelance

    Sitios web y aplicaciones, piezas gráficas, mailing, tiendas online y creación de marcas.

04 — Herramientas

  • Figma
  • Illustrator
  • Photoshop
  • After Effects
  • Canva
  • Lightroom
  • WordPress
  • Tienda Nube
  • Envialo Simple
  • Mailchimp
  • Visual Studio Code
  • Claude (IA)
  • ChatGPT (IA)
  • Gemini (IA)

05 — Formación

  • Diseño UX/UI Avanzado

    Coderhouse · 2023

  • Diseño UX/UI

    Coderhouse · 2022

  • Técnica en Diseño Gráfico

    UCSE DAR · 2010

Cursos complementarios
  • Desarrollo Web en HTML y CSS Crehana · 2020
  • Lightroom Crehana · 2020
  • Web con WordPress UTN · 2018
  • Seminario de Marketing Digital CCIRR · 2016
  • Introducción al Community Management UBA · 2016

Preguntas frecuentes

Antes de escribirme.

¿Quién soy y a qué me dedico?

Soy diseñadora gráfica y UX/UI, con más de 15 años de experiencia en plataformas, apps, sitios web, tiendas online, interfaces y piezas visuales para empresas de distintos rubros.

¿Qué servicios ofrezco?

Diseño UX/UI de plataformas y apps, sitios web institucionales, tiendas online y diseño gráfico.

¿Trabajo en forma remota o presencial?

Trabajo de forma remota con clientes de todo el país. Si el proyecto está en Rafaela o en zonas cercanas, también puedo reunirme en persona, en reuniones coordinadas con anticipación.

¿Cómo trabajo con equipos de desarrollo?

Diseño en Figma, dejo prototipos y acompaño al equipo de desarrollo hasta que el diseño llega a código.

¿Con qué herramientas trabajo?

Figma, Illustrator, Photoshop, After Effects, WordPress y Tienda Nube, entre otras.

¿Cómo me podés contactar?

Por email a mari.piovano@gmail.com, por WhatsApp o por LinkedIn.

06 — Contacto

¿Trabajamos en equipo?

Contame tu proyecto o tu búsqueda.
Respondo a la brevedad.

Escribime un mail WhatsApp LinkedIn Behance Descargar CV
Diapositiva 1 de 18. Principios de diseño: simple e intuitivo, útil, accesible y confiable Diapositiva 2 de 18. Mínima identificación visual: propuesta centrada en tablas, tipografía, iconografía y modales, con estilo minimalista y moderno Diapositiva 3 de 18. Guía de estilos: pautas de redacción, voz y tono para títulos, mensajes, errores, botones y fechas Diapositiva 4 de 18. Colores: paleta de azules, amarillo, rojo, verde y neutros Diapositiva 5 de 18. Tipografía Raleway: familia, jerarquías y ejemplos de uso Diapositiva 6 de 18. Tipografía aplicada en botones, pestañas, formularios y gráficos Diapositiva 7 de 18. Tipografía aplicada en un formulario de auditoría y en una tabla de preguntas Diapositiva 8 de 18. Íconos lineales, menú lateral y colores de estado Diapositiva 9 de 18. Layout: sistema de grillas, columnas, márgenes y espaciado Diapositiva 10 de 18. Componentes y patrones: estructura de pantalla con menú lateral, campos de entrada y buscador, con medidas Diapositiva 11 de 18. Componentes y patrones: comentarios, línea de tiempo de estados de una incidencia y botones, con medidas Diapositiva 12 de 18. Componentes y patrones: secciones de formulario, preguntas y tablas de datos con acciones Diapositiva 13 de 18. Componentes y patrones: ventana con el logo de la plataforma y controles de edición Diapositiva 14 de 18. Motion: inicio de sesión y paneles de la plataforma Diapositiva 15 de 18. Motion: transiciones del flujo de firma de una auditoría Diapositiva 16 de 18. Prototipo: inicio de sesión, dashboard, auditorías e incidencias Diapositiva 17 de 18. Prototipo: formularios, calendario, establecimientos y documentos Diapositiva 18 de 18. Prototipo: usuarios, configuración, centro de ayuda y onboarding
Inicio de sesión de la plataforma de auditorías, con acceso por correo o redes y mensaje de bienvenida Dashboard de la plataforma: resumen de auditorías, resultados históricos y estado de aprobación Pantalla para continuar una auditoría, con secciones, ítems y estados de respuesta Listado de incidencias con filtros, prioridad, estado y acciones Modal para crear una incidencia, con establecimiento, responsable, prioridad, fecha límite y archivos Calendario con auditorías, incidencias y eventos del mes Edición de permisos de una persona usuaria, por tipo de auditoría e incidencia Centro de ayuda con accesos a primeros pasos, auditorías, incidencias, formularios, usuarios y establecimientos
Reporte final del rediseño de la app de auditorías, primera parte: tipografía, paleta de colores, sistema de grillas, componentes y patrones Reporte final del rediseño de la app de auditorías, segunda parte: accesibilidad, pantallas mobile y prototipo

UX/UI · Mobile y desktop

Plataforma de auditorías

FullAudits2022 – 2023

Diseño y prototipado de una plataforma web y una app mobile para realizar auditorías y registrar incidencias. Ambos proyectos se integran y mantienen una misma identidad, partiendo de cuatro principios: que sean simples e intuitivos, útiles, accesibles y confiables.

Armé un sistema de diseño con guía de estilos (voz y tono para títulos, mensajes y errores), paleta de azules con colores de estado, tipografía Raleway, grillas, componentes y motion. La plataforma web incluye dashboard con resultados, gestión de incidencias, calendario, permisos por persona usuaria y centro de ayuda.

Prototipo de la web Prototipo de la app

UX/UI · Plataforma web

Diseño original en Figma

Sistemas de gestión

UX/UI · Web desktop y mobile

Diseño original en Figma

E-commerce

UX/UI · Web desktop y mobile

Diseño original en Figma

Sitios institucionales
Diapositiva 1 de 8. Propósitos y valores compartidos: simple, práctico, seguro e innovador Diapositiva 2 de 8. Principios de diseño: simple e intuitivo, útil, accesible y confiable Diapositiva 3 de 8. Colores: paleta de azules, rojo, verde y neutros Diapositiva 4 de 8. Tipografía Montserrat: familia, jerarquías y ejemplos aplicados en botones y listas Diapositiva 5 de 8. Íconos: colores de estado, tab bar, operaciones y movimientos Diapositiva 6 de 8. Layout: sistema de grillas con columnas, márgenes y espaciado sobre las pantallas de inicio y reintegros Diapositiva 7 de 8. Componentes y patrones: tab bar, tarjetas, barra de navegación, botones, filtros, listas y campos, con medidas Diapositiva 8 de 8. Motion y curvas de movimiento: botón deslizable para pagar con sus estados y tiempos de animación
Diapositiva 1 de 16. Portada del proyecto Hoy Qué Comemos: la app en un celular sobre una mesa con alimentos frescos Diapositiva 2 de 16. Planteo del problema: qué lleva a la gente a adoptar malos hábitos alimenticios, qué se busca resolver y cómo Diapositiva 3 de 16. MVP: funcionalidades principales de la primera versión y las de la versión 2.0 Diapositiva 4 de 16. Arquetipos: dos perfiles de personas usuarias con sus frustraciones y motivaciones Diapositiva 5 de 16. POV: el perfil validado y los bocetos de ideas para su necesidad Diapositiva 6 de 16. Arquitectura de información: cardsorting abierto, dendrograma y matriz de similitud Diapositiva 7 de 16. Mapa del sitio de la aplicación con sus cuatro secciones principales Diapositiva 8 de 16. Task flow y user flow: los pasos para planificar las comidas de la semana Diapositiva 9 de 16. Etapa de prototipar Diapositiva 10 de 16. Iteraciones importantes después de los testeos con personas usuarias Diapositiva 11 de 16. Heurísticas de usabilidad: problemas y errores detectados internamente Diapositiva 12 de 16. Moodboard: imágenes, paleta de verdes y palabras clave de la identidad visual Diapositiva 13 de 16. UI Kit: paleta, tipografía, componentes y estados de la interfaz Diapositiva 14 de 16. Prototipo final: aplicación de las heurísticas en la versión de alta fidelidad Diapositiva 15 de 16. Proceso: de los bocetos y wireframes a las pantallas de alta fidelidad Diapositiva 16 de 16. Pantallas finales de la app en alta fidelidad sobre celulares

UX/UI · App mobile

Proyectos académicos

App de billetera digital2023

Trabajo final UX/UI Avanzado

Trabajo final de la cursada de Diseño UX/UI Avanzado: rediseño de la experiencia de la app de billetera digital, pensado para las personas usuarias. Incluye el sistema de diseño: principios, colores, tipografía, íconos, grillas, componentes y motion.

Ver prototipo

Hoy Qué Comemos2022

Trabajo final UX/UI

App para planificar comidas y sumar hábitos de alimentación saludable con planes adaptados a cada persona. La entrega final recorre todo el proceso de diseño: investigación, arquetipos, arquitectura de información, prototipos, testeos y diseño final.

Ver prototipo

Diseño gráfico

Branding y redes