Servicio de lavado de autos a domicilio
ProwashGo es una innovadora plataforma que ofrece servicios de lavado de autos a domicilio en seco, brindando una solución práctica y ecológica para el cuidado y mantenimiento de vehículos.
Website
Soluciones que Ofrece ProwashGo
El problema principal que ProwashGo busca solucionar es la necesidad de un servicio de lavado de autos conveniente, eficiente y ecológico.
Los usuarios buscan una alternativa que les permita mantener sus vehículos limpios sin tener que desplazarse a un lugar de lavado, ahorrando tiempo y esfuerzo.
Al mismo tiempo, existe una creciente conciencia ambiental y una demanda por servicios que minimicen el impacto ecológico, en este caso, reduciendo el consumo de agua y utilizando productos de limpieza ecológicos. ProwashGo ofrece una solución que aborda estas necesidades al proporcionar un servicio de lavado de autos a domicilio en seco, que es tanto conveniente para el usuario como amigable con el medio ambiente.
Cómo partimos de la observación a la solución
Este proyecto realiza un recorrido a través de diversas fases de experiencia de usuario (UX), comenzando por la identificación del problema y avanzando hacia la creación de una solución efectiva. A lo largo de este proceso, mantenemos un enfoque centrado en el usuario y en la colaboración grupal, asegurando que cada etapa sea meticulosamente diseñada para satisfacer las necesidades y expectativas de nuestros clientes.
Mapa Etnográfico de ProwashGo
El Mapa Etnográfico de ProwashGo revela una comprensión profunda de las dinámicas culturales y comportamentales de nuestros usuarios. A través de una observación detallada y un análisis meticuloso, hemos identificado patrones clave en la forma en que los clientes interactúan con nuestro servicio de lavado de autos a domicilio.
Entorno del Usuario
Ubicación: Residencias privadas, oficinas, estacionamientos. Contexto: Usuarios que buscan conveniencia y ahorro de tiempo, posiblemente mientras trabajan o realizan otras actividades en casa.
Rutina del Usuario
Reservar el servicio a través de la aplicación móvil, seleccionando la hora y el lugar. Recibir notificaciones y actualizaciones sobre el estado del servicio.
Interacciones
Comunicación con el técnico de lavado a través de la aplicación o en persona al inicio y finalización del servicio. Intercambio de información sobre las preferencias de lavado y cualquier instrucción específica.
Comportamientos
Usuarios observando el proceso de lavado desde una distancia o continuando con sus actividades diarias. Expresión de satisfacción o preocupaciones sobre el servicio recibido.
Reacciones Emocionales
Sentimiento de satisfacción por la conveniencia y eficiencia del servicio. Preocupación por la calidad del lavado en seco y el cuidado del vehículo.
Post-Servicio
Usuarios dejando comentarios y valoraciones en la aplicación. Recomendación del servicio a amigos y familiares.
Estableciendo la audiencia Ideal: La creación de nuestra Proto-Persona
A través de un análisis meticuloso de los datos, hemos perfilado con precisión a nuestra audiencia objetivo para los servicios de ProwashGo. Esta proto-persona simboliza a nuestros clientes ideales, aquellos que buscan una solución práctica, ecológica y eficiente para el cuidado y mantenimiento de su vehículo.
Cómo organizamos las necesidades de los usuarios
Las necesidades de los usuarios están organizadas en seis secciones principales para entender cómo se relacionan entre sí.
Conveniencia de Programación
Frustración por no poder programar lavados con suficiente antelación. Necesidad de una función para reprogramar o cancelar servicios fácilmente. La preferencia por reservar horarios recurrentes para el lavado automático.
Precisión en los Servicios
Descontento si el servicio no cumple con el detalle especificado. Preocupación por la selección adecuada del tipo de lavado para el vehículo. Expectativa de que el personal siga las instrucciones especiales para el cuidado del auto.
Opciones de Pago
Resistencia a utilizar ciertas plataformas de pago en línea; preferencia por opciones de pago en efectivo o al momento de la entrega. Confusión sobre los precios y paquetes de los servicios y cómo se aplican los descuentos.
Calidad y Sostenibilidad
Preocupación por la calidad y origen ecológico de los productos utilizados. Satisfacción al usar un servicio que contribuye a la conservación del medio ambiente.
Experiencia del Usuario
Frustración con la falta de actualizaciones en tiempo real durante el servicio. La importancia de recibir notificaciones sobre la llegada del personal de lavado.
Feedback y Soporte
Necesidad de un sistema efectivo para dejar comentarios y recibir respuestas. Deseo de tener un soporte al cliente accesible y empático ante incidencias o consultas.
¿Cómo encontramos la mejor arquitectura de la información arquitectura de la información para ProwashGo?
El ordenamiento de tarjetas se realizó con participantes para encontrar la mejor manera de organizar la información para una navegación fácil.
¿Cómo definimos las secciones de la app de ProwashGo?
Tras analizar los resultados del ordenamiento de tarjetas, elaboramos un mapa que detalla todas las secciones principales y subsecciones de la aplicación de ProwashGo y seleccionamos los nombres para cada etiqueta.
Arquitectura de Wireframe
El wireframe de ProwashGo sirve como la estructura esquelética subyacente de nuestra solución UX, delineando la disposición y la jerarquía de los componentes de la interfaz sin distracciones estilísticas.
Diseño visual y tipografía de la app
Se han definido los colores, estilos tipográficos y componentes principales que conforman la identidad visual de la aplicación.
GT Walsheim Pro
La fuente GT Walsheim Pro es una tipografía sans-serif geométrica inspirada en los carteles del diseñador suizo Otto Baumberger de la década de 1930. Diseñada por Noël Leu y lanzada en 2010 por la fundición tipográfica suiza Grilli Type, GT Walsheim Pro es conocida por ser una tipografía amigable pero precisa, que ofrece un aire contemporáneo a los clásicos estilos geométricos. La familia tipográfica está disponible en una variedad de 32 estilos, lo que incluye desde Ultra Light hasta Ultra Bold, así como estilos condensados. Esta fuente también es notable por soportar todos los idiomas que utilizan los alfabetos latino y cirílico, ofreciendo características OpenType que permiten una tipografía avanzada en la mayoría de las aplicaciones de escritorio, la web y las aplicaciones móviles
Fundamentos de la Tipografía
la estructura de nuestra tipografía, desde los potentes Heading H1 hasta los detallados párrafos de texto. Nuestro sistema tipográfico está diseñado para crear una jerarquía visual distintiva, con un conjunto de pesos que van desde el ultraligero hasta el ultranegrita.
Colores ProwashGo
La selección de colores en ProwashGo está pensada para claridad y funcionalidad.
Colores Primarios
Nuestra paleta de colores se ha construido teniendo como base nuestros principios y pautas fundamentales.
Colores Primarios
Nuestra paleta de colores se ha construido teniendo como base nuestros principios y pautas fundamentales.
Especificación de Estados Interactivos de la app
Los estados de interacción en aplicaciones definen cómo responden los componentes visuales ante diferentes acciones táctiles del usuario, como toques, mantenimientos prolongados o cambios de enfoque dentro de un flujo. Estos estados proporcionan retroalimentación visual clara, refuerzan la jerarquía de la interfaz y mejoran la accesibilidad, asegurando una experiencia coherente y fluida en toda la aplicación.
Estilos Normales
Uso regular para componentes en la pantalla como botones, tarjetas, imágenes y menús desplegables.
Estilos Hover
Usado para efectos de desplazamiento cuando el cursor del usuario está dentro del área del componente. Principalmente utilizado para variantes de desplazamiento dentro de componentes atómicos.
Estilos Focused
Utilizado para efectos de enfoque para atraer la atención del usuario y ocasionalmente en subcomponentes cuando el usuario realiza una actividad anidada dentro del componente principal (verificar desplegables de entrada).
Guía de Botones para ProwashGo
En ProwashGo, los botones son un componente esencial de nuestro sistema de diseño, utilizados para iniciar acciones o facilitar la navegación dentro de nuestra aplicación. Cada botón es un elemento interactivo, diseñado con etiquetas claras o íconos que indican su función específica. Adaptamos los botones con diversos estilos, tamaños y comportamientos para que se alineen con la estética y las necesidades de la aplicación
Guía de Botones para ProwashGo
En ProwashGo, los botones son un componente esencial de nuestro sistema de diseño, utilizados para iniciar acciones o facilitar la navegación dentro de nuestra aplicación. Cada botón es un elemento interactivo, diseñado con etiquetas claras o íconos que indican su función específica. Adaptamos los botones con diversos estilos, tamaños y comportamientos para que se alineen con la estética y las necesidades de la aplicación
Types
Los botones tienen 5 tipos diferentes, cada uno basado en diferentes necesidades y requerimientos en sitios web actuales, aplicaciones, paneles de control, etc. Los tipos de botones son:
- Primary – Main-principal de llamada a la acción (CTA), para ser utilizado en acciones primarias.
- Secondary Color – Botón CTA, puede ser utilizado para acciones primarias, pero principalmente se utiliza como opción secundaria junto al botón primario.
- Secondary Grey – Botón CTA de color alternativo, para ser utilizado en acciones secundarias.
- Outline – Botón- secundario, utilizado junto al botón primario para un tipo diferente de acción.
- Text Only -Utilizado en alertas, pestañas y junto a texto donde la acción no es una necesidad.
States
Los botones tienen 4 estados diferentes, cada uno basado en eventos que ocurren en la interfaz de usuario y cómo el usuario está interactuando o necesita interactuar con el componente. Los estados de los botones son los siguientes:
- Active: Estado normal, esperando la acción del usuario.
- Hover: El cursor del usuario está dentro del área del botón pero no ha presionado el botón.
- Focused: Resaltando el botón ya sea para atraer la atención del usuario o si está en estado presionado.
- Disabled: El botón es visible pero no se puede presionar.
Tamaños
Los botones vienen en 5 tamaños diferentes, para satisfacer completamente todo tipo de requisitos y eliminar por completo las limitaciones de la plataforma, si las hay. Se pueden usar por separado como llamadas a la acción (CTAs) o dentro de otro contenedor como tarjetas, etc., para casos de uso adicionales, lo cual depende de tus requisitos de diseño. Con cada aumento de tamaño, tenemos un aumento uniforme en los márgenes, el tamaño del texto y la altura del ícono para una mejor consistencia entre los componentes, junto con la escalabilidad en términos de espaciado general en cada tamaño.
Layout y espaciados
Button-prowashGo
Direction : Vertical
Alignment : Middle left
Vertical resizing : Hug
Horizontal resizing : Hug
Item spacing: 8
Padding top: 14
Padding bottom: 14
Padding left: 22
Padding right: 22
State-layer
Direction : Horizontal
Alignment : Middle center
Vertical resizing : Hug
Horizontal resizing : Fill
Item spacing: 10
Resumen de Componentes
Dentro de los botones, hay muchas variantes, cada una ofreciendo algo diferente a la anterior. Para entender mejor sus diferencias y qué opción utilizar en cada situación, aquí presentamos un recorrido completo y detallado de nuestros componentes de botón.
Estudios de caso relacionados
Laika Mascotas
Plataforma integral de productos y servicios diseñados para el bienestar y cuidado de las mascotas.
Bitsports
Ecosistema digital que conecta equipos de fútbol con herramientas para su comunicación y rendimiento.
