ESPACIO CERO
CONSULTORÍA UI, UX, DISEÑO DE BRANDING Y WEB
Branding Espacio Cero
1. GENERALIDADES DEL PROYECTO
Retos del proyecto:
Teletrabajo con comunicación constante con cliente y stakeholders en México - Estados Unidos.
Tiempo:
Desde marzo hasta agosto de 2020.
Problema:
Espacio Cero lleva dos años de funcionamiento pero aún no tienen branding ni un sitio web en el que ofrezcan información de los servicios y eventos que llevan a cabo. Por el momento sólo usan Instagram para hacer comunicados.
Enfoque:
Espacio Cero ofrece diversas clases y talleres para público general. Se diferencian de su competencia porque enseñan de un método llamado Gyrokinesis, por lo que la primera fase del proyecto es hacer una landing page para ofrecer información acerca del método y de las clases presenciales y online que ofrecen.
2.ENFOQUE DE DISEÑO
El proceso de diseño se hace a partir de Design thinking.
3. INVESTIGACIÓN UX
EMPATHIZE
ANÁLISIS DE COMPETENCIA
Imagen: Benchmarking.
Comparación de 4 empresas y centros de arte en el DF
Se analizan empresas que son competencia directa de Espacio Cero en el D.F.
Se reconocen debilidades y fortalezas de la competencia y se encuentra lo siguiente de las empresas analizadas:
No hay un uso consistente de branding.
La información en su sitio web está desactualizada.
Usan activamente redes sociales.
USUARIOS:
Luego de hacer un workshop online con tres stakeholders, creamos tres arquetipos - personas y usamos también la herramienta de mapa de empatía.
Estos son los arquetipos - persona:
Patricia Mendez
Patricia tiene 50 años, tiene dos hijos, es independiente y vive al sur de la ciudad de México.
Una de sus prioridades de tener tiempo para cuidar de sí mima. Se alimenta bien y toma clases de yoga. No le gustan los gimnasios, pero le gusta mantenerse activa.
Alguien le recomendó la gyrokinesis porque es un método de movimiento que le puede gustar. Quiere probarlo.
Eliana Fernandez
Eliana tiene 37 años y vive sola en Lima, Perú. Sufre de ansiedad y para disminuirla procura tener rutina de ejercicio.
Le gusta salir a trotar en las mañanas pero se lastimó una rodilla y le duele desde hace unos meses. Su médico le recomendó deportes de bajo impacto.
Busca mantenerse activa para disminuir el dolor y sentir menos ansiedad. Ahora piensa que las clases online son una buena opción para mejorar su respiración y movimientos.
INVESTIGACIÓN VISUAL
Herramienta: MOODBOARD
Imagen: Imágenes y texturas que evocan las palabras clave y lo que quieren inspirar en Espacio Cero
Diez stakeholders recopilan palabras clave de lo que significa Espacio Cero, luego se hace un moodboard con estas.
Al hacer una búsqueda visual se reconocen elementos visuales para hacer la propuesta de diseño:
Colores neutros y amarillos
Espacios blancos e iluminados. Según la arquitectura del lugar
Líneas rectas y figuras geométricas
IDEACIÓN
Yo hago un storyboard para las dos personas.
En este storyboard:
1
La usuaria llega al sitio web mientras hace fila para comprar un café.
2
Escanea la información y lee los testimonios.
3
Hace click en el botón CTA y llena el formulario.
4
Al final, recibe un mensaje a su correo electrónico invitándola a tomar la priemra clase online gratis.
PROTOTIPADO
GUÍA DE ESTILOS - UI
Las formas básicas para este proyecto son el círculo, que inspira movimiento y perfección, y el triángulo, que representa espacio y dirección.
Con las herramientas usadas en las primeras etapas del proceso, recolecto conclusiones relevantes para diseñar la arquitectura de información y la interfaz de usuario UI:
Logo
Tipografía
Textos
Colores
Botones
Formas
DISEÑO DE BRANDING
De acuerdo a la información recolectada, se hace propuesta de branding y sus aplicaciones.
DISEÑO WEB
WIREFRAME
Herramienta: WIREFRAME
Imagen: Wireframe del sitio web organizada por secciones. Pantallas grandes y móviles.
Se estructura la información del sitio web en diferentes secciones.
PRUEBAS DE USABILIDAD:
Hago un prototipo de usabilidad para hacer las pruebas de usuario.
Con este, seis usurios deben completar tres tareas: Pedir información via WhatsApp, pedir una clase gratis y ver testimonios de los clientes actuales. La retroalmentación que ellos aportan es la siguiente:
Una usuaria está confundido porque los carruseles no tienen flechas. Ella ve el primer testimonio y no sabe cómo ver el resto.
Tres de los usuarios creen que es confusa una de las imágenes de la sección de Beneficios.
Teniendo en cuenta sus comentarios, poengo los botones en los carruseles y cambio la imagen.
4. LO QUE APRENDÍ CON ESTE PROYECTO
Este es un proyecto interesante para mí porque tiene dos resultados, uno es el de diseño de branding, y el otro es el diseño web. Cuando se hicieron las pruebas, los stakeholders expresearon que el diseño realmente captura la esencia de Espacio Cero, lo cual es muy satisfactorio.
Además, este es uno de mis primeros proyectos internacionales 100% online. Fue todo un desafío planear, hacer los talleres con los stakeholders y hacer pruebas finales. Sin embargo, la existencia de tantas herramientas colaborativas online, hizo bastante fluida la comunicación con stakeholders y usuarios.
La segunda fase de este proyecto está en la fase de desarrollo.