Rediseñando una web: ONG Equus Zebra

Una de las tareas como responsable de comunicación de la ONG Equus Zebra es el mantenimiento y la creación de contenidos para la web corporativa y las redes sociales donde tiene presencia la asociación.

Recientemente se puso en marcha el Reglamento General de Protección de Datos (RGPD) en toda la Unión Europea, de obligado cumplimiento a partir del 25 de mayo, por lo que era de vital importancia adaptar la web a la nueva normativa, mucho más estricta pero, a la vez, mucho más transparente con los usuarios.

Ya que el anterior diseño estaba hecho en HTML vi una gran oportunidad para rediseñar la web desde cero con la intención de cumplir el RGPD y, de paso, hacer una web mucho más funcional y fácil de editar, incluyendo un gestor de contenidos que permita crear páginas, cambiar estructuras o, simplemente, añadir entradas al blog en un tiempo mucho menor.

Así luce la portada del nuevo diseño web de Equus Zebra.

 

Integración del blog

 

Vista general del blog.

El cambio más importante de la web es sin duda la integración del blog, que antes estaba alojado en un subdominio diferente, lo que hacía que la web principal fuera muy estática mientras que el blog se actualizaba de manera constante, esto ahora ya no es así, y cada cambio en el blog se refleja en la portada de la web, esto hace que los visitantes vean que la página recibe cambios con regularidad, por lo que la información que contiene es reciente y relevante.

Vista de entrada individual.

 

Contacto e información

Los servicios que presta la ONG Equus Zebra se basan en la cercanía y en la proximidad que permite realizar su acción social en la zona en la que se ubica su sede, así estar en contacto con posibles usuarios o colaboradores tiene que ser una prioridad absoluta, de esto depende llegar a más gente que pueda aportar su tiempo o hacer una donación para mantener las actividades y servicios que ofrece.

El formulario de contacto es simple y cumple con las directrices del RGPD.

Los formularios de contacto también reciben información privada de los visitantes y deben cumplir con el RGPD, por lo que todos incluyen una casilla de consentimiento con la política de privacidad de la asociación.

De la misma manera, una web proporciona información fundamental como horarios de apertura o localización, gracias al nuevo diseño, la integración de los Mapas de Google permiten mostrar al visitante la ubicación exacta de la sede de la ONG, así como su almacén, pero pueden ser editados con unos simples clicks y en Equus Zebra pueden olvidarse de difícil programación web si desean cambiar de dirección o añadir cualquier otro mapa.

Los mapas añaden valor a la información de esta sección, como horarios y direcciones.

 

Actividades

Poner a disposición de cualquier persona toda la información disponible puede ser un problema, no queremos que mucho texto evite que un visitante encuentre lo que busca, hay que simplificar las cosas y mostrar datos de manera eficaz manteniendo una estética adecuada.

Es por eso que elegí una estructura diferente para la sección de acción social de la web de Equus Zebra. Aunque no sigue el mismo modelo que el resto de la web, los colores y las imágenes que se utilizan recuerdan a los elementos visitados anteriormente, creando una sensación de mantener el conjunto de la estética y la pertenencia al resto de las actividades de la ONG.

La sección de acción social recoge muchos elementos ordenados de forma simple y estética.

 

Imágenes y enlaces potentes

La estructura de una web puede ser monótona y fría, pero esto se cambia de manera sencilla al crear un banner que cubra una gran parte del ancho de la página y que derive a las secciones que más interesan de nuestra web.

En este caso, para romper con la monotonía, introduje un banner que busca la colaboración de las personas que visitan la web, ya sea a través del voluntariado o con una aportación económica a través de PayPal.


Una imagen potente permite llamar la atención y dirigir las visitas a donde más interesa.

Este tipo de banner puede ser introducido en cualquier lugar de la web para informar sobre eventos, novedades o cualquier tipo de datos que se consideren oportunos, por lo que, además de aportar un toque estético, es muy útil.

Tienda online

Otra de las ventajas del nuevo diseño web es la incorporación de una tienda online. Si en un futuro se quiere extender la idea de tiendas solidarias de Equus Zebra al ecommerce, con un click, la tienda ya estará lista para funcionar, incluyendo la pasarela de pago, carrito de la compra o catálogo de productos.

Un extra muy potente que puede ser utilizado en cualquier momento.


Adaptable a cualquier dispositivo y preparada para futuros proyectos.

Espero que os guste el nuevo diseño de la web de la ONG Equus Zebra, como responsable de comunicación es una herramienta fundamental para mi trabajo diario, por lo que estoy muy emocionado con las posibilidades que ofrece, ¡pasaos a visitarla!

Podéis usar los comentarios para decirme lo que os parece o recomendarme como mejorarla, si os apetece que haga un rediseño de otra web o cualquier otro proyecto, contactad conmigo a través del formulario de contacto de mi web o a través de email.