ESPACIO CERO

CONSULTORÍA UI, UX, DISEÑO DE BRANDING Y WEB

Branding aplicaciones Espacio Cero

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.

Design thinking english

3. INVESTIGACIÓN UX

EMPATHIZE

ANÁLISIS DE COMPETENCIA

Benchmarking Espacio Cero

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:

Señora usuaria
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.

Señora usuaria
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

Moodboard Espacio Cero

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:

Guía de estilo tipografía

Logo

Guía de estilo tipografía

Tipografía

Guía de estilo textos

Textos

Guía de estilo tipografía

Colores

Guía de estilo tipografía

Botones

Guía de estilo tipografía

Formas


DISEÑO DE BRANDING

De acuerdo a la información recolectada, se hace propuesta de branding y sus aplicaciones.

Composición branding
Variación branding
Variación branding 2
Branding gris
Branding negro
Branding íconos
Branding patrones 1
Branding patrones 2
Branding patrones
Branding aplicaciones 1
Branding aplicaciones 3
Branding aplicaciones 4

DISEÑO WEB

WIREFRAME

Herramienta: WIREFRAME

Wireframe Piccola

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.