Diseño web administrador

El Administrador de la Aplicación 'Perrfecto' gestiona usuarios, contenidos, peticiones, configuraciones, seguridad y análisis para optimizar el funcionamiento y mejorar la experiencia del usuario y del negocio.

Contexto del Proyecto

«Perrfecto» es una plataforma que conecta a propietarios de mascotas con negocios y servicios especializados. Los desafíos operativos de la administración incluían la gestión descentralizada de usuarios y contenidos, la falta de herramientas para procesar solicitudes y supervisar publicaciones, y la dificultad para garantizar una experiencia de usuario segura y eficiente. Esto afectaba tanto al equipo administrativo como a los usuarios finales, quienes enfrentaban demoras en la aprobación de publicaciones y una atención poco ágil. El objetivo fue desarrollar un sistema centralizado para resolver estos problemas y ofrecer un entorno más intuitivo y accesible.

Mi rol

Como UX/UI Designer, mi rol incluyó diseñar un panel de administración que optimizara la gestión y la accesibilidad para los administradores. También me enfoqué en crear flujos intuitivos tanto para los administradores como para los usuarios finales, facilitando su interacción con la plataforma. Además, colaboré estrechamente con los desarrolladores para garantizar una implementación coherente y efectiva de las decisiones de diseño.

Historias de usuario

Administradora:

María, encargada de la supervisión, pasaba horas filtrando manualmente publicaciones y resolviendo solicitudes. La falta de organización en las herramientas existentes hacía que su jornada fuera más larga y menos productiva.

Usuario final:

Marta, una pequeña empresaria que promocionaba su negocio en la app, estaba frustrada porque sus publicaciones tardaban días en ser aprobadas, afectando su capacidad de captar clientes y generar ingresos.

Estas historias nos inspiraron a crear una solución que simplificara la gestión para los administradores y ofreciera respuestas más rápidas y precisas a los usuarios finales.

Decisiones de diseño

  • Panel centralizado: Consolidé las funcionalidades clave en un panel unificado con vistas organizadas, filtros avanzados, barras de búsqueda y contadores de solicitudes.
  • Accesibilidad visual: Implementé una paleta de colores de alto contraste y tipografías legibles para facilitar el uso durante largas jornadas.
  • Optimización de tareas: Diseñé acciones rápidas para reducir clics innecesarios, como la capacidad de bloquear usuarios o responder solicitudes directamente desde las vistas principales.
  • Validación iterativa: Prototipos interactivos fueron testeados con usuarios reales para identificar mejoras y ajustar el diseño según sus necesidades.

Aplicación de la metodología Scrum

Para organizar y priorizar el trabajo, seguimos un enfoque ágil basado en Scrum:

  • Sprint Planning: Se definieron las user stories específicas y definiendo objetivos claros con el equipo.
  • Daily Stand-ups: Compartí avances diarios, identificando obstáculos técnicos y ajustando el diseño rápidamente con el equipo de desarrollo.
  • Iteración y Feedback: Durante cada sprint, iteré sobre los diseños y ajusté las soluciones en función del feedback de stakeholders.
  • Sprint Review y Retrospectiva: Presenté las soluciones finales en cada sprint, recogiendo aprendizajes clave como la importancia de la comunicación continua con desarrollo.

Wireframes y guía de estilo

Wireframes iniciales: Mostraban la estructura base, organizando funcionalidades esenciales.

Guía de estilo: Incorporé colores relacionados a la app, iconografía intuitiva y tipografía legible.

Diseño final

Gestión de Usuarios

El administrador puede supervisar a los propietarios de mascotas y negocios, con acciones como:

  • Bloquear usuarios.
  • Restablecer contraseñas
  • Eliminar cuentas

Gestión de Negocios

La sección «Negocios Publicados» permite filtrar por fechas o estado (publicado/bloqueado) y acceder a detalles clave de cada negocio, optimizando el control operativo.

Gestión de solicitudes

Diseñé una vista que separa las solicitudes en categorías claras: «Desbloqueo» y «Actualización». Los administradores pueden priorizar y responder rápidamente utilizando los contadores y filtros disponibles.

Lecciones aprendidas

  • Empatía en el diseño: Entender las historias de los usuarios fue crucial para diseñar soluciones prácticas y efectivas.
  • Colaboración constante: La comunicación fluida entre el equipo y desarrollo aseguró que las soluciones se implementaran correctamente.
  • Pruebas iterativas: Validar los flujos y ajustar continuamente fue clave para garantizar la funcionalidad y el impacto del diseño.
es_ESEspañol

Ponte en contacto.

Comencemos con lo creativo