Crossland
Es un proyecto formato web responsive que busca solucionar la problemática actual de la falta de una plataforma online, donde los usuarios de Crossfit puedan contratar subscripciones, reservar y descargar clases a través de sus dispositivos
Es un proyecto formato web responsive que busca solucionar la problemática actual de la falta de una plataforma online, donde los usuarios de Crossfit puedan contratar subscripciones, reservar y descargar clases a través de sus dispositivos
Es un proyecto formato web responsive que busca solucionar la problemática actual de la falta de una plataforma online, donde los usuarios de Crossfit puedan contratar subscripciones, reservar y descargar clases a través de sus dispositivos
Duración
10 días
Duración
10 días
Duración
10 días
Metodología
Lean UX
Metodología
Lean UX
Metodología
Lean UX
Rol
UX/UI Designer
Rol
UX/UI Designer
Rol
UX/UI Designer
Herramientas
Figma
Figjam
Marvel
Herramientas
Figma
Figjam
Marvel
Herramientas
Figma
Figjam
Marvel
Fecha
Febrero 2023
Fecha
Febrero 2023
Fecha
Febrero 2023
Equipo
Fran canales
Fran canales
Melania Moreno
Melania Moreno
Planteamiento
Para este proyecto decidimos seguir la metodología Lean UX para realizar el proyecto de la manera más rápida, eficiente y sin desperdicio.
Para este proyecto decidimos seguir la metodología Lean UX para realizar el proyecto de la manera más rápida, eficiente y sin desperdicio.
Para este proyecto decidimos seguir la metodología Lean UX para realizar el proyecto de la manera más rápida, eficiente y sin desperdicio.
01.Investigación
Como parte de nuestro proyecto de diseño UX/UI para Crossland, realizamos un research y una evaluación de las competencias existentes en el mercado de box de Crossfit, y encontramos que muchas de las páginas web eran tediosas y difíciles de navegar.
Como parte de nuestro proyecto de diseño UX/UI para Crossland, realizamos un research y una evaluación de las competencias existentes en el mercado de box de Crossfit, y encontramos que muchas de las páginas web eran tediosas y difíciles de navegar.
Como parte de nuestro proyecto de diseño UX/UI para Crossland, realizamos un research y una evaluación de las competencias existentes en el mercado de box de Crossfit, y encontramos que muchas de las páginas web eran tediosas y difíciles de navegar.
02.Empatizar
Creamos user stories para obtener funcionalidades y dar contexto a las mismas.
Creamos user stories para obtener funcionalidades y dar contexto a las mismas.
Creamos user stories para obtener funcionalidades y dar contexto a las mismas.
Como
Toni
Quiero
Reservar una clase
Para
Hacer Crossfit en el box
Como
Marina
Quiero
Subscribirme a un plan
Para
Ahorrar dinero
Seguidamente el value proposition canvas y el Lean UX canvas que nos ayuda a mejorar la propuesta de valor contraponiéndola con las necesidades de nuestros clientes.
Seguidamente el value proposition canvas y el Lean UX canvas que nos ayuda a mejorar la propuesta de valor contraponiéndola con las necesidades de nuestros clientes.
Seguidamente el value proposition canvas y el Lean UX canvas que nos ayuda a mejorar la propuesta de valor contraponiéndola con las necesidades de nuestros clientes.
Conclusiónes
A través del Value proposition canvas y del Lean ux canvas, pudimos sacar los pain-points de nuestros usuarios.
A través del Value proposition canvas y del Lean ux canvas, pudimos sacar los pain-points de nuestros usuarios.
A través del Value proposition canvas y del Lean ux canvas, pudimos sacar los pain-points de nuestros usuarios.
"Realmente es personal titulado para esto?"
"¿Mi nivel es apto para este tipo de clases?"
"No puedo reservar una clase por el aforo limitado"
03.Ideación
A través de los datos obtenidos anteriormente y saber las necesidades de nuestros usuarios, recopilamos unas funcionalidades útiles.
A través de los datos obtenidos anteriormente y saber las necesidades de nuestros usuarios, recopilamos unas funcionalidades útiles.
A través de los datos obtenidos anteriormente y saber las necesidades de nuestros usuarios, recopilamos unas funcionalidades útiles.
Arquitectura de la información
Se trabajó en un Sitemap para organizar y estructurar toda la información, seguidamente 3 flujos para saber la ruta exacta por donde tiene que pasar el usuario por nuestro producto.
Se trabajó en un Sitemap para organizar y estructurar toda la información, seguidamente 3 flujos para saber la ruta exacta por donde tiene que pasar el usuario por nuestro producto.
Se trabajó en un Sitemap para organizar y estructurar toda la información, seguidamente 3 flujos para saber la ruta exacta por donde tiene que pasar el usuario por nuestro producto.
User Flow
Los principales flujos que hemos desarrollado son 3, uno donde el usuario entra le interesa y por lo tanto se da de alta, el segundo contrata la tarifa que mas se adapta a sus intereses, y una tercera donde vemos como des de el mobile reserva una clase.
Los principales flujos que hemos desarrollado son 3, uno donde el usuario entra le interesa y por lo tanto se da de alta, el segundo contrata la tarifa que mas se adapta a sus intereses, y una tercera donde vemos como des de el mobile reserva una clase.
Los principales flujos que hemos desarrollado son 3, uno donde el usuario entra le interesa y por lo tanto se da de alta, el segundo contrata la tarifa que mas se adapta a sus intereses, y una tercera donde vemos como des de el mobile reserva una clase.
Pasarela de pago
Reservar clase des de mobile
Algunos sketches
Para esbozar y plantear como serían las plantillas realizamos unos bocetos de baja fidelidad, y con ellos testeamos porque es una forma más rápida de obtener posibles pain points, de iterar y por lo tanto menor coste.
Para esbozar y plantear como serían las plantillas realizamos unos bocetos de baja fidelidad, y con ellos testeamos porque es una forma más rápida de obtener posibles pain points, de iterar y por lo tanto menor coste.
Para esbozar y plantear como serían las plantillas realizamos unos bocetos de baja fidelidad, y con ellos testeamos porque es una forma más rápida de obtener posibles pain points, de iterar y por lo tanto menor coste.
Conclusiones testeo
Una vez testado nuestro prototipo Low-Fi pudimos sacar conclusiones del producto, entendiendo que podía fallar y qué debíamos cambiar para implementar en el prototipo Hi-Fi.
Una vez testado nuestro prototipo Low-Fi pudimos sacar conclusiones del producto, entendiendo que podía fallar y qué debíamos cambiar para implementar en el prototipo Hi-Fi.
Una vez testado nuestro prototipo Low-Fi pudimos sacar conclusiones del producto, entendiendo que podía fallar y qué debíamos cambiar para implementar en el prototipo Hi-Fi.
Cambios de tamaño en algunos CTA's
Cambio de formato en la pasarela de pago
Modificar los bordes de los CTA's
04.Diseño
Al ser un producto digital nuevo necesitaba una identidad de marca que lo diferenciase de la posible competencia
Al ser un producto digital nuevo necesitaba una identidad de marca que lo diferenciase de la posible competencia
Al ser un producto digital nuevo necesitaba una identidad de marca que lo diferenciase de la posible competencia
Naming
Ironfit
Warriors
Flexfury
CROSSLAND
CROSSLAND
Logo
Stylescape
Realizamos dos Stylescapes que a través de la investigación nos decantamos por el modelo B con la tipografía Poppins, modo oscuro y con un verde más eléctrico dándole un toque en este caso energético.
Realizamos dos Stylescapes que a través de la investigación nos decantamos por el modelo B con la tipografía Poppins, modo oscuro y con un verde más eléctrico dándole un toque en este caso energético.
Realizamos dos Stylescapes que a través de la investigación nos decantamos por el modelo B con la tipografía Poppins, modo oscuro y con un verde más eléctrico dándole un toque en este caso energético.
También se realizaron comprobaciones de sensibilidad y contraste para así asegurarnos de que era de fácil legibilidad.
También se realizaron comprobaciones de sensibilidad y contraste para así asegurarnos de que era de fácil legibilidad.
También se realizaron comprobaciones de sensibilidad y contraste para así asegurarnos de que era de fácil legibilidad.
Stylescape A
Stylescape A
Stylescape A
Stylescape B
Stylescape B
Stylescape B
05.Solución
Proporcionar una herramienta en la que los usuarios de Crossfit puedan reservar o cancelar las asistencias de clases, contratar por si mismos una tarifa e incluso descargarse las clases para poder practicarlas en cualquier momento y lugar.
Proporcionar una herramienta en la que los usuarios de Crossfit puedan reservar o cancelar las asistencias de clases, contratar por si mismos una tarifa e incluso descargarse las clases para poder practicarlas en cualquier momento y lugar.
Proporcionar una herramienta en la que los usuarios de Crossfit puedan reservar o cancelar las asistencias de clases, contratar por si mismos una tarifa e incluso descargarse las clases para poder practicarlas en cualquier momento y lugar.
Design System
06.Prototipo
Proporcionar una herramienta que permita almacenar información importante sobre la salud de nuestras mascotas, en cualquier lugar y sobre todo el cualquier momento.
Proporcionar una herramienta que permita almacenar información importante sobre la salud de nuestras mascotas, en cualquier lugar y sobre todo el cualquier momento.
Proporcionar una herramienta que permita almacenar información importante sobre la salud de nuestras mascotas, en cualquier lugar y sobre todo el cualquier momento.
¡Que interesante!
En ese flujo podemos ver como el usuario se inscribe y contrata la tarifa que mas se adapta a sus necesidades
Hora de entrenar
Aquí podemos ver como nuestro usuario des de su smartphone puede ver las clases disponibles y realizar una reserva.
Testeo final
Tras realizar 5 tests con usuarios por lo general la experiencia fué positiva y lograron los objetivos propuestos con facilidad. Pero nos sirvió para corregir algunos aspecto del prototipo como por ejemplo mejorar la visibilidad de algunas tipografías y elementos de la web.
Tras realizar 5 tests con usuarios por lo general la experiencia fué positiva y lograron los objetivos propuestos con facilidad. Pero nos sirvió para corregir algunos aspecto del prototipo como por ejemplo mejorar la visibilidad de algunas tipografías y elementos de la web.
Tras realizar 5 tests con usuarios por lo general la experiencia fué positiva y lograron los objetivos propuestos con facilidad. Pero nos sirvió para corregir algunos aspecto del prototipo como por ejemplo mejorar la visibilidad de algunas tipografías y elementos de la web.
07.Siguientes pasos
Personalizar perfil de usuario
Gamificación
Asesoramiento nutricional
Crear una comunidad
Aprendizajes
Trabajar en equipo es una experiencia muy enriquecedora ya que cada una aportó su granito de arena y su opinión en algunos aspectos al proyecto.
Tanto Fran como yo nos encargamos de todas las partes del proceso de inicio a fin, por mi parte al ser una persona enfocada al Crossfit pude aportar más información sobre este deporte a nuestro producto.
Trabajar en equipo es una experiencia muy enriquecedora ya que cada una aportó su granito de arena y su opinión en algunos aspectos al proyecto.
Tanto Fran como yo nos encargamos de todas las partes del proceso de inicio a fin, por mi parte al ser una persona enfocada al Crossfit pude aportar más información sobre este deporte a nuestro producto.
Trabajar en equipo es una experiencia muy enriquecedora ya que cada una aportó su granito de arena y su opinión en algunos aspectos al proyecto.
Tanto Fran como yo nos encargamos de todas las partes del proceso de inicio a fin, por mi parte al ser una persona enfocada al Crossfit pude aportar más información sobre este deporte a nuestro producto.
¡Muchas gracias!
¡Muchas gracias!
