DISEÑO DE APLICACIÓN PARA ORDENADOR Y MOBIL
Dominica comparador de costes
Introducción
Descripción:
Esta aplicación está diseñada para calcular los costes y comparar diferentes las diferentes opciones que existen para invertir, ayudando a los usuarios a tomar decisiones informadas al momento de realizar la inversión. El proyecto se centró en ofrecer una experiencia intuitiva y visualmente atractiva, con una interfaz clara y sencilla para facilitar la comparación y el desglose de los precios.
Contexto:
El objetivo principal fue ofrecer a los consumidores una herramienta eficiente para comparar y calcular costes. Debido a la complejidad del producto mi reto fue transformar datos complejos en gráficos y visualizaciones comprensibles, que permitieran a los usuarios evaluar de un vistazo las opciones más adecuadas para sus necesidades.
Mi rol:
Como diseñador, fui responsable de la creación de la interfaz de la aplicación, asegurando que el diseño fuera tanto funcional como estéticamente agradable. Me encargué de conceptualizar y desarrollar la interfaz de usuario (UI) y las interacciones (UX), enfocándome en la claridad de navegación y la fácil comprensión de los resultados comparativos para mejorar la experiencia del usuario.
Problema
La audiencia tenia un claro problema de compresión tanto del producto que se ofrece como de comprender las diferentes opciones a invertir y los plazos y costes del proceso.
Investigación
Se realizado una investigación basada en las preguntas telefónicas a potenciales clientes que llamaban interesandose en los programas de inversión. También se realizaron encuestan online y se analizo el comportamientos de los usuarios en la pagina web, newsletter, etc..
Propuesta
Con el objetivo de sintetizar y explicar el producto se optó por una interfaz centrada en el proceso categorizada en diferentes pasos:
Paso 1:
El usuario podrá elegir a que miembros quiere añadir en la aplicación siempre que el programa lo permita.
Paso 2:
El usuario podrá ver que opciones que le convienen mas dentro del mismo programa.
​
Paso 3
Después de haber introducido los detalles anteriores, el usuario podrá calcular y acceder a una tabla de costes personalizada para pensar cual es la mejor opción. También tendrá la opción de imprimir la table, descargarla y ponerse en contacto con la empresa.
Arquitectura
A continuación se puede ver un gráfico donde se representan las diferentes categorías del proceso:
Estructura
En los siguientes bocetos se puede ver cual ha sido la fase anterior a la etapa de diseño. Se puede observar un primer acercamiento a la interfaz.
Paleta de colores y fuentes
Se eligieron colores similares a la marca pero se saturaron ligeramente con el objetivo de obtener un mejor funcionamiento como aplicación digital.
Resultado final
El resultado final tanto de la interfaz como de la experiencia del usuario es atractivo, sencillo de entender y actual.
Con el objetivo de promocionar la nueva aplicación se crearon diferentes banners y postres digitales para diferentes campañas en redes sociales.
