Hi, I'm Viviana Navarro

Hi, Im a interface designer, I have more than 5 years of experience in creating interfaces for web and apps. I think that design goes beyond aesthetics and dives deep into understanding, empathy, and solutions.

Experience

  • Sr Product Designer at Konfìo | sep. 2024 - at present

  • UI Manager at Hey Banco | oct. 2021 - sep. 2024

  • UI Designer at Music Battles | aug. 2020 - oct. 2021

  • UXUI Designer | Be TECH CAPITAL aug. 2019 - sept. 2020

  • Digital Designer | Dinasti Jewelry sep. 2017 - jan. 2019

Education

  • Advanced UXUI Design Program at Colectivo23 | jan. 2023

  • Frontend Development Track at Laboratoria Bootcamp | jan. 2019

  • Design and Digital Communication at ICONOS Instituto de Investigación en Comunicación Y Cultura.| 2017

Product Design

Préstamo personal

Case Study

A Personal Loan Hey is like a one-time cash boost with fixed interest rates and set monthly payments, you gotta be a Hey Banco customer to score a personal loans.

Hey Tech

Case Study

Hey Tech is a technological ecosystem that integrates banking services, APIs and personalized products for the financial needs of companies.

Work in progress 🚧

Check my shots of design on Behance or add me on LinkedIn

CASO DE ESTUDIO

Crédito Personal

VIVIANA NAVARRO

UI Designer

PRODUCT DESIGN TEAM

DESCRIPCIÓN GENERAL

Hey Banco es una banca digital que ofrece cotratación 100% online, el crédito personal tiene el objetivo de ser una opción de financiamiento con contratación en minutos.


OPORTUNIDAD

Diseñar la experiencia de contratación digital clara y rápida que ayude a los clientes a obtener su crédito personal.

PROCESO DE DISEÑO

Se dividió el proyecto en 5 fases:

• Investigación

• Exploración del problema u oportunidad

• Benchmark

• Entrevistas

• Síntesis de la investigación

• Principios de diseño

• Requerimientos técnicos y de negocio

• Userflow

• Arquitectura de la información

• Wireframes

• Prototipo HiFi

• UI Kit

• Uso de Design System

•Handoff y QA

• Impacto en el negocio

• Métricas - NPS

• Deuda técnica

• Iteración

DESCUBRIMIENTO

Benchmark de financieras y fintech. Características de créditos personales:

• Destino del crédito
• Periodicidad de pago
• Montos mínimos y máximos
• Tasas de interés
• Requisitos
• Beneficios

DESCUBRIMIENTO

Preguntas contextuales de investigación:

• ¿Qué es lo que te gusta o disgusta del proceso de tramitar un crédito personal en línea?

• ¿Qué es lo que los usuarios necesitan para lograr contratar un crédito personal?

SPRINT DESCUBRIMIENTO

• 2 semanas de investigación.

• 5 entrevistas.

• 8 competitive boards bancos
y fintech.

DEFINICIÓN

Declaración de principios de diseño

Requerimientos:

• El proceso de contratación debe ser en navegador web.

• Enfoque mobile-first.

• La respuesta de autorización debe ser inmediata.

Sé transparenteMantenlo simpleCrea confianzaProporciona flexibilidad
Comunícate de forma clara y veráz, sé transparente sobre cómo funciona el producto.Optimiza para una fácil comprensión de ideas complejas.Muestra el valor del producto y el poder de la plataforma.Permite personalización y flexibilidad.

IDEACIÓN

Propuesta de la solución, userflows y wireframes

DISEÑO FINAL

Se diseña una solicitud clara y rápida. Uso de design system.

IMPACTO EN EL NEGOCIO

Crédito Personal Hey fue lanzado 6 meses después (enero 2023).

Última actualización jul 2024:• 4x Colocación de crédito vs 2023
• 2.4x Ingresos al Banco
• 69 incremento de +4 pts NPS
(Net Promoter Score)

CASO DE ESTUDIO

Crédito Personal

Gracias por tu tiempo

Este portafolio es propiedad de Viviana Navarro, la información y materiales presentados son confidenciales y no deben ser compartidos o utilizados con fines comerciales sin consentimiento explícito. Prohibida su reproducción o uso sin autorización.

VIVIANA NAVARRO.2024

CASE STUDY

Personal loan

VIVIANA NAVARRO

UI Designer

PRODUCT DESIGN TEAM

OVERVIEW

Hey Banco is a digital bank that offers 100% online contracting. The personal loan aims to be a financing option that can be contracted in minutes.


OPPORTUNITY

To create a seamless digital onboarding experience that empowers customers to quickly secure personal loans.

DESIGN PROCESS

The project was divided into 5 phases:

• Investigation

• Opportunity

• Benchmark

• Interviews

• Research synthesis

• Design principles

• Business requirements.

• Userflow

• Information architecture

• Wireframes

• HiFi Prototype

• UI Kit

• Design System

• Handoff y QA

• Business impact

• Metrics - NPS

• QA

• Iteration

DESCOVERY

Financial and fintech benchmark. Characteristics of personal loans:

• Payment frequency
• Minimum and maximum amounts
• Interest rates
• Requirements
• Benefits

DESCOVERY

Contextual research questions:

• What do you like or dislike about the process of processing personal credit online?

• What do users need to be able to obtain personal credit?

DISCOVERY SPRINT

• 2 research week.

• 5 interviews.

• 8 competitive boards.

DEFINE

Design Principles Statement

Requirements:

• The contracting process must be in a web browser.

• Mobile-first approach.

• The authorization response must be immediate.

Be transparentKeep it simpleBuilt trustFlexibility
Communicate clearly and truthfully, be transparent about how the product works.Optimizes for easy understanding of complex ideas.Shows the value of the product and the power of the platform.Allows customization and flexibility.

IDEATION

Solution proposal, userflows and wireframes

Prototype

Clear and quick request is designed. Use of design system.

BUSINESS IMPACT

Hey Personal Loan was launched 6 months later (January 2023).

Last update Jul 2024:• 4x Credit placement vs 2023
• 2.4x Income to the Bank
• 69 increase of +4 pts NPS
(Net Promoter Score)

CASE STUDY

Personal loan

Thanks for watching

This portfolio is the property of Viviana Navarro, the information and materials presented are confidential and should not be shared or used for commercial purposes without explicit consent. Reproduction or use without authorization is prohibited.

VIVIANA NAVARRO.2024

Design Shots

Project for MITA, mexican singer and songwriter

January 2024

www.mitaverso.com

mita-site

Hey Banco, personal loan

January 2023

www.banco.hey.inc

mita-site

Hey Banco, child's account

Sep 2023

www.banco.hey.inc

mita-site

Hey Shop

Dec 2022

www.heyshopmx.com

mita-site

Check my design shots on Behance or add me on LinkedIn

Visual Design

Capital Co, mexican streetwear clothing brand

Oct 2018

@capitalco_

mita-site
mita-site
mita-site
mita-site

Black Box, visual identity

January 2020

mita-site
mita-site
mita-site

SongsSpnsors, visual design & UI

Feb 2021

www.songsponsors.com

mita-site
mita-site

Hey Developers, UI Design

January 2023

mita-site

Hey Shop

Dec 2022

www.heyshopmx.com

heyshop