_CC La Grieta
_2019

lugar

_Buenos Aires, Argentina

acerca de

_centro cultural que ofrece espacios a profesionales que buscan dedicarse a su emprendimiento y a la comunidad que desea acceder a actividades de calidad

necesidad (en esta etapa)

_rediseño web

instancia

_etapa 3/3 del proyecto

objetivo de esta etapa

_mejorar la comunicación y brindar una mayor información sobre las actividades y los alquileres, entre otras cuestiones

> observaciones

_la web presentaba la información de manera desorganizada, existía faltante de datos de interés para el usuario y era necesario plantear jerarquías

> observaciones

_la página web estaba maquetada en WordPress, así que no sería necesario comenzar una web desde cero

_debía juntar toda la información que incluiría el sitio, establecer las diferentes jerarquías y definir cómo se aplicaría la marca

> excepción

_si bien no es usual que trabaje en ello, en esta ocasión me ocupé de los textos que incluiría la web, redactando sección por sección y recabando la información de los  profesionales que allí trabajan, para la sección «actividades»

_no suelo redactar los textos de mis clientes, por el tiempo y el costo que requieren, pero dada la envergadura del proyecto, acepté hacerlo

análisis

_objetivos no planteados: ¿a quién estaba dirigida la web? ¿qué pretendían lograr con ella? ¿Qqué buscaban contar? información que respondiera a las preguntas «qué», «quién», «cómo», «cuándo», «dónde», «por qué/para qué (deberían elegirte)», no estaba correctamente planteada

_identidad débil, debido al diseño

_faltante de información: el «pecado» tecnológico de este siglo. Es muy importante recordar que estamos en una era donde el centro es el usuario; todo lo que tenemos para ofrecerle debemos comunicárselo de manera clara y completa. «¿qué ofrezco?», «¿cuál es mi agregado de valor?», «¿qué quiere saber de mí el usuario?»; teniendo siempre en cuenta que: calidad por sobre cantidad y orden por sobre cantidad. dos máximas muy importantes en
el diseño web.

_comunicación no aplicada a la web: en los sitios web es necesario incitar al usuario a que realice acciones; «¡mira esto!», «no te pierdas aquello», «conoce nuestras actividades», son frases que inclinan al usuario a acceder a una u otra sección y a que no continúe navegando sin prestar atención. con objetivos planteados, la comunicación aplicada al lenguaje web, es muy útil y beneficiosa

> observaciones

_luego de notar los puntos débiles de la web, verifiqué qué elementos, estructura o información debía mantenerse y si además, debía modificarse o no

_tuve la libertad de mantener o descartar lo que considerase necesario, excepto la «revista cultural», que sugerí nombrar «revista
literaria», dado que «cultural» es una palabra que abarca numerosas
disciplinas, mientras que «literaria» aplica más específicamente a la
revista online del CC La Grieta.

diseño

_todas las imágenes serían en blanco y negro, tal como ya había decidido en las etapas anteriores

_aplicaría la forma geométrica principal (ver etapa 1 de 3) a las imágenes que lo requirieran, por ejemplo, a aquellas de la sección
«actividades»; esta acción buscaba mantener la coherencia gráfica

_efecto hover: todos los CTA (call to action=llamada a la acción, como por ejemplo botones, palabras con links para ser clickadas), serían de color rosado (#bc0052), mientras que, al pasar el ratón por encima de ellos, cambiaría al color celeste (#009393). cuando existiesen dos ítems que pudiesen ser clickeados (como por ejemplo en el apartado «revista literaria», el listado de obras; o en «alquiler de espacios», las preguntas frecuentes), el ítem momentáneamente seleccionado conservaría el color rosado, mientras que la opción no seleccionada, el color celeste

resultado

_el planteo de la nueva web discrepa notablemente de la anterior: ahora, se centra en captar la atención y el interés del usuario y en ofrecerle toda la información que necesita sin demasiado esfuerzo por su parte; las jerarquías están bien determinadas y el diseño es coherente en todo momento

antes / después > home (página de inicio)

_la web que reformé comenzaba con una «breve reseña histórica» del centro cultural, seguida por la «propuesta» que éste tenía, las
actividades organizadas sin un claro parámetro, la por entonces
«revista cultural», los cursos y el alquiler de espacios, finalizando
en el footer (pie de página), con información no tan relevante

_el inconveniente en este planteo ocurre en la falta de jerarquía,
en la desinformación y en la ausencia de «filtros»

rediseño

_el primer pantallazo que recibe el usuario al ingresar a la página ya
expresa la identidad que posee el centro cultural –a primeras, esto no es percibido conscientemente por él, pero la coherencia, le generará seguridad-; un breve mensaje de bienvenida explica «quién» es el centro cultural, dónde se ubica, qué hace e invita a saber un poco más

_aunque éste ya es un primer filtro, generalmente, el usuario permanece unos segundos más en el sitio; así y todo, los CTA
(call to action=llamada a la acción), en este caso los botones «nuestras actividades» y «contactanos» podrían tentar al usuario con posibilidad de huida, a que permanezca navegando

_para entonces, ya continuó en el sitio y se encontró con el segundo
filtro: seis ítems que cuentan todo lo que una persona necesita saber sobre el CC La Grieta.  dónde se ubica (linkeado al footer donde se halla un plano y los medios de transporte que lo llevan hasta la zona), el horario en el que funciona, información adicional no tan relevante pero sí interesante como la existencia de un bar; los años en funcionamiento (le otorgan «autoridad»), la existencia de
actividades y el alquiler de espacios.  todos ellos, con una comunicación que incita a querer saber más y a ser partícipe.

rediseño

_a esta altura y luego menos de 2 minutos de lectura (entre el ingreso a la web, el primer pantallazo, el seguir bajando y la lectura de los otros seis ítems), si el CC La Grieta es lo que el usuario estaba buscando, se quedará en el sitio

_si no, lo abandonará, y esto no debe interpretarse como una pérdida para el CC La Grieta, puesto que su cliente objetivo es aquel que puede arrendar un espacio o asistir a una actividad

_estos filtros fueron colocados estratégicamente para que el cliente
objetivo del CC La Grieta sea el que no abandone el sitio web y el que quiera interesarse aún más en él, hasta llegar al lugar físico

_si el usuario que permaneció en el sitio no migró hacia otras secciones, continuará viendo una gran imagen que invita a conocer las actividades; luego la revista literaria y por último un formulario de contacto y el footer (pie de página), con información relevante, la ubicación exacta, teléfonos de contacto, redes sociales, un mapa para ubicar el sitio físico, los medio de transporte que llegan al lugar, etcétera

_es decir, hasta el final, la home de la web introduce información
importante concentrada en pocas palabras

_el menú está constituido con la secciones fundamentales, por orden de importancia: las actividades del centro, el arrendamiento de espacios, la historia del CC La Grieta y la revista literaria

_las dos primeras secciones son sin dudas, las más importantes, ya que son las que involucran la atracción de clientes y con ellos, el dinero que necesita el CC La Grieta para mantenerse activo.  por ello, fueron fundamentales dos cuestiones: la explicación al detalle, para brindar la información necesaria y la seguridad de que es un sitio confiable

_hallé dos soluciones creativas de acuerdo al presupuesto del cliente: en la sección «actividades» coloqué solamente imágenes, aplicando la forma geométrica principal en ellas, para que el usuario identificara visualmente la actividad que buscaba.  al clickar en ella, una pequeña ventana (pop up) aparecería, con toda la información necesaria (fue fundamental por mi parte recabar horarios, precios, nombre de la persona a cargo de la actividad, modalidad, etcétera, para poder redactar la información)

rediseño

_en cuanto a la sección «alquiler de espacios», añadí a modo de FAQs (preguntas frecuentes) todas las preguntas que podría formularse una persona con la intención de arrendar un espacio.  además incluí un plano personalizado sobre el centro cultural, entre otros datos de interés.

rediseño

_como secciones quizá menos relevantes para el usuario, se hallan «nosotros» (sobre la historia del CC La Grieta desde los inicios), la «revista literaria» con toda la información para participar + el catálogo de obras existentes

rediseño

_existen otros apartados que constituyen al CC La Grieta pero que
nos son lo suficientemente fundamentales para ser incorporados
al menú de opciones: las obras ya publicadas y Barolga, el bar dentro del CC La Grieta

_en síntesis, la estructura de la nueva web se resume en el siguiente wireframe:

¬ instancia

_por si aún no lo has visto, te recomiendo que leas la etapa 1/3 de este proyecto: branding

_conoce también la etapa 2/3 de este proyecto: papelería corporativa