Alexandre Douillard, React Fullstack Web Developer

Creating and integrating widgets into a dashboard

Data

Design

Context

The end user wanted to be able to track the progress of their survey after it was sent out.

The user, who had to wait for meaningful results from their survey, grew impatient when they saw their dashboard was empty.

I designed and developed a multitude of widgets related to voter participation.
- Funnel: a funnel showing voter engagement by measuring their numbers at each stage: Email opened -> click on invitation link -> questionnaire started -> questionnaire completed
- Milestones: measure the participation percentage for a given period 1 hour / 24 hours / 7 days
- Average and median response time: calculate voter responsiveness by measuring the time between the start of the survey and the moment when 50% have participated.
- Participation trends: Daily histogram showing the number of voters completing the survey. Option to switch to a “cumulative” display with a curve allowing you to correlate the results with the dates of email reminders to measure their effectiveness.
- Heatmap: with the day of the week on the x-axis and the time slot on the y-axis. The darker the box, the greater the number of voters during that period.
- Participation by population: horizontal bar chart representing the number of votes for each population of a given filter. Option to change the date to view participation on a previous date.
- Daily participation: heatmap inspired by Github, where each square represents one day, and the more votes that day received, the darker the square appeared.

Data

Design

The end user wanted to be able to track the progress of their survey after it was sent out.

The user, who had to wait for meaningful results from their survey, grew impatient when they saw their dashboard was empty.

I designed and developed a multitude of widgets related to voter participation.
- Funnel: a funnel showing voter engagement by measuring their numbers at each stage: Email opened -> click on invitation link -> questionnaire started -> questionnaire completed
- Milestones: measure the participation percentage for a given period 1 hour / 24 hours / 7 days
- Average and median response time: calculate voter responsiveness by measuring the time between the start of the survey and the moment when 50% have participated.
- Participation trends: Daily histogram showing the number of voters completing the survey. Option to switch to a “cumulative” display with a curve allowing you to correlate the results with the dates of email reminders to measure their effectiveness.
- Heatmap: with the day of the week on the x-axis and the time slot on the y-axis. The darker the box, the greater the number of voters during that period.
- Participation by population: horizontal bar chart representing the number of votes for each population of a given filter. Option to change the date to view participation on a previous date.
- Daily participation: heatmap inspired by Github, where each square represents one day, and the more votes that day received, the darker the square appeared.