Construye Bogotá · Web: Diseño e Interacción

Santiago Baquero Lozano - 2021-1

Construye Bogotá es un proyecto de diseño web que busca facilitar procesos de participación ciudadana alrededor de las obras en espacio público desarrolladas en Bogotá. Se propone como un medio de divulgación y discusión de los proyectos a cargo de entidades gubernamentales, como el IDU, donde ciudadanos con diferentes perspectivas puedan aportar a la planeación y desarrollo urbano de cada localidad.

Nace con el objetivo de crear una plataforma en la que la población pueda expresar sus opiniones a partir de posturas más informadas, además de permitir ejercer control político al llevar un registro público y accesible de información relevante de los proyectos a realizar, incluyendo presupuestos, cronogramas y contratistas.

Proceso de propuesta

Para la definición de la propuesta se realizó una investigación inicial, en la que se buscaba identificar los intereses y motivaciones de personas que participan de sesiones de co-creación y otras formas de participación ciudadana organizadas por el distrito en sus localidades. Se reconoció un fuerte sentido de pertenencia, pero también desconocimiento y desinformación por parte de algunos actores. También, un punto muy importante que fue posible identificar es el conflicto de opiniones de diferentes participantes en sesiones y actividades, lo que suele aportar mucha información relevante para el equipo diseñador.

Customer Journey

Para delimitar los alcances y objetivos del proyecto se utilizó como herramienta un Customer Journey, el cual plantea los diferentes momentos necesarios para el uso de la página, desde la perspectiva del usuario y de los procesos que ocurren detrás del telón. Esto ayudó a entender la plataforma como una herramienta previa a las sesiones presenciales o virtuales, que contiene la información necesaria para conocer las obras y prepararse para participar de la sesión, compartir argumentos y discutir con anterioridad con otros ciudadanos, además de ayudarle a arquitectos y organizadores a planear actividades y tratar temas más estratégicamente.

Site Map y Wireframes

Desarrollo del prototipo

El prototipo fue realizado en Wordpress, utilizando algunos de los plug-ins disponibles, principalmente Elementor como editor y Unlimited Elements, pues ofrecen diversidad de widgets útiles para las diferentes secciones de la página, o la posibilidad de crear y editar widgets propios desde código HTML y CSS.

*Elementor permite editar las secciones de forma intuitiva, configurando ubicación, dimensiones, estilo y apariencia.

*Por ejemplo, este widget se creó de los límites entre localidades, convertidos en trazados svg, a los cuales se les asignó un enlace que dirige a los proyectos de la localidad correspondiente y el atributo de transformación de color al pasar el cursor, todo utilizando el plug-in Unlimited Elements.

Prototipo final: Construye Bogotá

Homepage