Diseño & Experiencia de Usuario

Una experiencia clara, cercana y pensada para todos los perfiles de usuario.

El diseño de iMirly se ha desarrollado con un enfoque centrado en el usuario, priorizando la claridad, la accesibilidad y la confianza en la contratación de servicios locales.

Diseño UX/UI de iMirly

Concepto visual

La identidad visual de iMirly busca transmitir cercanía, confianza y simplicidad. Se ha diseñado una interfaz amable, moderna y fácil de entender, evitando la saturación de información y facilitando la navegación.

Diseño limpio

Espacios en blanco que respiran y reducen la carga cognitiva del usuario

Interfaz clara

Jerarquía visual que guía al usuario naturalmente hacia la acción

Lenguaje accesible

Formas orgánicas y redondeadas que transmiten cercanía y humanidad

Estética moderna

Diseño contemporáneo que transmite profesionalidad sin ser frío

Colores y estilo gráfico

Lavanda suave #7864D7 Identidad y calma
Purple #321e92 Acciones y confianza
Blanco / Gris claro #F1F1F1 Limpieza y claridad
Gris oscuro #2D2D2D Texto principal

La paleta de colores se ha seleccionado para generar una sensación de tranquilidad y confianza, reforzando el carácter local y humano de la plataforma.

Experiencia de usuario (UX)

La experiencia de usuario de iMirly está diseñada para que cualquier persona pueda utilizar la aplicación sin dificultad, independientemente de su nivel tecnológico.

Navegación clara

  • Categorías y subcategorías bien definidas
  • Estructura lógica y predecible
  • Menús simples y accesibles

Reducción de fricción

  • Pocos pasos para encontrar un servicio
  • Información clara desde el primer vistazo
  • Contacto directo con el proveedor

Generación de confianza

  • Información estructurada y completa
  • Perfiles claros y verificables
  • Base para valoraciones y reputación

Investigación de usuarios

Hemos realizado las entrevistas, la elaboración de mapas de empatía y los bocetos iniciales que permitieron comprender las necesidades reales de los usuarios objetivo de la aplicación iMirly.

El público estaba formado por personas que necesitan contratar servicios cotidianos (como limpieza, reparaciones o cuidado de mascotas) y profesionales que desean ofrecerlos.

El objetivo era diseñar una app intuitiva, rápida y de confianza, que permitiera a cualquier usuario encontrar o publicar servicios cercanos en pocos pasos, fomentando la colaboración local y la seguridad entre particulares.

⏱️

Tiempo

Tanto los usuarios que buscan ayuda como los profesionales que ofrecen servicios no disponen de tiempo para perder en llamadas, búsquedas o gestiones.

Las personas quieren resolver su necesidad de forma inmediata, sin procesos largos ni formularios complicados.

💰

Precio

Las plataformas tradicionales o intermediarios suelen aplicar comisiones altas o precios poco claros.

Muchos usuarios quieren servicios asequibles, sin sorpresas en el coste final, y los profesionales necesitan ganar lo justo por su trabajo.

Accesibilidad

Encontrar y ofrecer servicios a veces resulta complicado o limitado. Muchas webs o aplicaciones son poco intuitivas o requieren conocimientos técnicos.

iMirly busca eliminar esas barreras ofreciendo una app sencilla, directa y accesible para todos, incluso para personas con poca experiencia digital.

Diseño de interfaz (UI)

El diseño de la interfaz se ha centrado en mostrar la información de forma ordenada y comprensible, evitando elementos innecesarios y priorizando la usabilidad.

Cards con bordes redondeados

Formas suaves que transmiten cercanía y facilitan la lectura

Jerarquía visual clara

Tamaños y pesos tipográficos que guían la atención del usuario

Botones visibles y reconocibles

Estados claros que indican la acción posible en cada momento

Espaciados amplios

Respiración entre elementos para mejorar la legibilidad

Esquemas de página

En papel

El proceso de iterar sobre papel nos llevó a encontrar de forma óptima lo que nuestros usuarios objetivo necesitaban según sus necesidades.

Bocetos en papel de iMirly

Esquemas de página digitales

Continuando con el proceso inicial de los esquemas, realizamos el diseño low fi digitalizado basándonos en los resultados de la investigación.

Wireframes digitales de iMirly

Prototipo de baja fidelidad

Desarrollamos un prototipo interactivo de baja fidelidad para testear la navegación y la estructura de la aplicación con usuarios reales antes de invertir en el diseño visual detallado.

Prototipo de baja fidelidad de iMirly

Maqueta

Representación de la aplicación iMirly que simula el dispositivo móvil y sus pantallas principales. Este prototipo permite validar la distribución de elementos, tamaños de botones y flujo de navegación de forma rápida antes de pasar a la ultima fase. Facilita las primeras pruebas con usuarios reales y la detección temprana de problemas de usabilidad que no son evidentes en bocetos planos.

Prototipo de baja fidelidad de iMirly

Prototipo de alta fidelidad

El prototipo de alta fidelidad incorpora el diseño visual completo, interacciones avanzadas y simula la experiencia final de la aplicación para validar con stakeholders y usuarios.

Prototipo de alta fidelidad de iMirly

Prototipo interactivo en Figma

Explora el prototipo completo de iMirly y navega por todas las pantallas de la aplicación.

Abrir en Figma

Accesibilidad y usabilidad

Antes
Después

Tipografías legibles

Familias sans-serif con buena legibilidad en todos los tamaños

Contraste adecuado

Relación de contraste que cumple estándares WCAG AA

Botones accesibles

Tamaños mínimos de 48dp para facilitar la interacción táctil

Diseño para todas las edades

Interfaz adaptable a diferentes capacidades y experiencias

iMirly se ha diseñado pensando en la diversidad de usuarios, buscando una experiencia inclusiva y fácil de usar.

El diseño como valor añadido

En iMirly, el diseño no es solo una cuestión estética, sino una herramienta clave para generar confianza, facilitar el uso de la aplicación y mejorar la experiencia global del usuario.

01 Confianza visual
02 Facilidad de uso
03 Experiencia memorable
"Un buen diseño no solo se ve bien, también se entiende."

Conclusión de diseño

El diseño y la experiencia de usuario de iMirly refuerzan la propuesta del proyecto, haciendo que la contratación de servicios locales sea más sencilla, clara y humana.

Siguiente sección: Aplicación