The National LGBTQ Women Survey

Category

Data Visualization, NGO, Portal
Website

First phase: full website re-vamp and migration to WordPress.
Second phase: creating a data portal to help visualize all the feedback received from questionnaires.

Technologies

Challenge

The project had 2 components:

  1. Migrate the existing Webflow site to WordPress and re-vamp it
  2. Create a Data Portal that will display the results of the survey in a way that is easy to understand

The data portal needs to be password protected, access is requested via a form and admins will decide who is approved.

The data portal will help visualize data collected from 1000+ participants on a survey that had 100+ questions.

While the data interpretation was provided by the organization, the data needed to be stored in a database and fed into different libraries that will help visualize it in the best way possible.

Solution

The first part of the project was finalized by using WordPress with a custom theme developed from Bootstrap and that incorporated the use of visual builders for easy management moving on.

Migration was completed with content transfer and a complete redesign as well. The redesign and branding were handled by Pixel Positive, the agency that we partnered with on this project.

The second part of the project was achieved with a custom WordPress plugin developed using VueJS framework that allows dynamic data to be loaded on the page. We paired that with the Chart.js library in order to generate the charts, while the interpretation of the charts was generated by a set of rules we created together with the organization, to provide a more contextual meaning.

Key features

Portal access

Access to the portal is gated, an account being necessary to get in. Interested parties can request access online

Bulk Portal access

Admins can provide bulk access to the portal based on email domain or a list of emails

Data visualization

Prepare the data in a format suitable for chart.js to be used on generating the final charts

Raw data toggle

Allow to toggle between the data interpretation and the raw data of a section for the users interested

Optimize Data loading

Data and charts are being generated as you access content, improving the loading times on big sections

Mobile adaptation

Data and charts have been optimized and re-done on mobile, rendering in different formats

Pixel Perfect

Migrating the website also included a full re-vamp, done by implementing a modern and friendly design.

Data Portal

All the data and data visualization are accessible on the portal. Accessing the portal requires a set of credentials that are validated by the administrator.

Data Visualization

Aggregated data to provide a overview for different sections and categories that were identified based on the questionnaire answers.

In-depth Data Visualization

Provided a more in-depth way of visualizing the data based on categories and criteria relevant to the questionnaire.

Are you ready to start a project with us?

Get a Quote