DISEÑO DE APLICACIÓN PARA ORDENADOR Y MOBIL
CSGP Calculador de costes
Introducción
Descripción:
Investigación, diseño y producción de una aplicación de movil y también para ordenadores que ayuda a calcular los costes de inversión de varios fondos de inversión en ciudadania.
Problema
Cada semana dentro del equipo nos dábamos cuenta y analizábamos la complejidad de entender toda la parte del proceso de costes y sus diferentes fases. Esto provocaba que al potencial cliente le costara decidirse a invertir y careciera del conocimiento necesario para tomar decisiones.
Investigación
Con el objetivo de encontrar una solución a la hora de facilitar y digerir toda la información realizamos diferentes encuestas a potenciales clientes, después de cada llamada que el equipo comercial recibía, se le preguntaba al potencial cliente cual era su problema a la hora de entender y masticar toda la información. Con todo esto, confirmamos la dificultades que encontraban eran siempre la mismas. La primera era la falta de entendimiento del producto, y la segunda fue la complejidad del proceso y los diferentes métodos de costes y pagos que se requieren para poder obtener la ciudadania.
Audiencia/Persona
Propuesta
Después de haber analizado los problemas y haber barajado diferentes opciones, decidimos simplificar la información en tres pasos que ayudarían a los usuarios a obtener y digerir la información de manera sencilla y efectiva.
Paso 1: La estructura familiar
En este paso del proceso se puede seleccionar la pareja, los hijos, los hermanos y los padres. Dentro de cada uno de ellos se inserta su edad y la cuantos son.
Paso 2: Elegir el programa y la opción mejor
Una vez elegido los familiares se pasa a elegir el programa de ciudadania y la opción dentro de ese programa que mas le pueda interesar al cliente.
Paso 3: Calcular los costes
​Por ultimo, el cliente solo tiene que pulsar el botón que dice "Calcular", después de unos segundos, aparecerá una tabla con todos los costes desglosados. El usuario también tendrá la opción de ir para atrás y cambien tanto de programa como opción y también podrá añadir mas programas con el objetivo de poder comparar costes.
​
Despues de estos tres principales paso, el usuario tendrá la opción de descargarse la tabla en formato pdf y también realizar una consulta.
Use flow - architecture
En la siguiente infografia podemos observar el mapa en el que usuario navegará a través de la aplicación.
Estructura
En la siguiente imagen podemos observar la estructura y maquetación de como se verá la aplicación en formato para dispositivo mobil.
Paleta de colores y fuentes
Para el diseño de la interface, decidimos continuar con la misma imagen que tiene la marca. Priorizando en esta ocasión el color negro y jugando con diferentes tonos de gris para crear limites entre las secciones. Con el objetivo de enfatizar y remarca cierta acciones.
Resultado final
El resultado final es un diseño sencillo, elegante e intuitivo. La estructura elegida hace que la información este sintetizada y se fácil de proceso. El hecho de que la marca haya sido también implementada en esta aplicación crea una conexión que facilita al usuario conocerla y navegar a través de la pagina web con el objetivo de ponerse en contacto.
