Mobile App

Proyecto
IDKO

Mi rol

UI design
Animación

Mis fortalezas

  • Investigación de mercado
  • Análisis de marca
  • Diseño gráfico
  • Pixel perfect design

Duración

2 meses

Plataforma

Android / iOS

Este proyecto lo realicé junto a Alejandra Estefan product manager y UX designer.

Contexto

IDKO es una aplicación móvil híbrida, iOS / Android, con exámenes tipo test para preparar las pruebas selectivas derivadas de la Oferta de Empleo Público de la Administración General del Estado en España, mejor conocidas como oposiciones.

La aplicación contempla únicamente exámenes que están organizados en diferentes módulos según la carrera/la oposición a presentar: administración pública, policía, guardia civil, mossos, guardia urbana, controladores aéreos, etc. El usuario paga una cuota para acceder a todas las pruebas de una categoría de su interés.

El sistema registra los resultados de cada test realizado por los usuarios, de modo que:
• Se tiene un ranking de «mejor alumno» y «mi mejor puntuación».
• El usuario puede elegir opciones tipo «sólo nuevos exámenes» o «repetir exámenes con malos resultados».

Para el proyecto IDKO apliqué «Design System» con el objetivo de facilitar el proceso de diseño UI y posterior etapa de desarrollo.

Las tareas

Para el diseño de la aplicación IDKO recibí el sitemap y wireframes aprobados por el cliente para realizar las siguientes tareas:

 

  • Diseñar el look&feel de la aplicación.
  • Crear la guía de estilos: paleta de colores, tipografía e iconos.
  • Diseñar el prototipo aplicando una retícula de 8dp y pantalla base MDPI (360 x 640 px), además de las casuísticas y workflow.
  • Crear la librería de componentes aplicando la metodología atomic design.
  • Preparar y exportar el material para desarrollo en las densidades requeridas para Android y iOS.
  • Diseñar material ASO (App Store Optimization) para ambas store.
  • Diseñar animación de loading y shimmer.

Las Conclusiones

El propósito de este proyecto era diseñar una interfaz de usuario muy concreta, clara, sencilla y atractiva para que el usuario mantuviera el foco en la preparación de los exámenes. El fácil acceso al puntaje obtenido por los usuarios motiva a los estudiantes a mejorar su puntuación y la adquisición de conocimientos.

Durante este proyecto seguimos la metodología agile kanban. La comunicación con la project manager fue constante y en remoto, y pudimos entregar el proyecto en tiempo record gracias al proceso de Design System.

También puse en practica mis habilidades creativas de diseño, atención al detalle pixel perfect design, organización para crear la librería de componentes en sketch para realizar cambios rápidamente y finalmente facilitar con Zeplin el trabajo de los desarrolladores. ¡Gracias a todo el equipo!