The Survation Panel Front-End

The goal

Survation wanted to design their own panel, that’s a tool to have their own panelist completing surveys instead of having to pay third-party suppliers of panelists, to save costs. The set of people completing surveys is what’s called a “panel” in this context.

What I did

I created the Survation Panel from scratch using the latest version of Angular, reaching all the way from v.4 up to v.13 and maintaining it. I used Bitbucket to preserve their code and applied using Bootstrap a ready-made theme template of which they had a static design (just the homepage) by Spinach, I used Boostrap to speed up design and the page allowed users to find the surveys.

The same interface was used for both panelists and project managers. So they had a different, privileged dashboard that allowed them to create projects.

The result is in this image

Features

As a panelist/user

1. Sign Up / Log in / Delete your own account.
2. See a list all the surveys available to you.
3. Complete those surveys
4. Check your points (1 point = 1 pence)
5. Cash out your points into money.
6. View Results
7. Allow you to complete your profile
8. Ask for a password reminder.
9. Change notifications, emails, address, postcode.
10. Read the latest blog posts they published.

As a manager or administrator

1. Create project definition (survey link, points, duration, sample to apply it to, mail delivery, shown until date).
2. Send (or resend) alerts of new surveys to those users who enabled notifications.
3. Change survey status (visible, not visible)
4. Create samples based on age recent activity (always prioritse users who reply faster), brackets, region, sex, gender, income, or very literally every answer any respondent has answered to any survey before. <– This was one of my proudest accomplishments
5. Create lists of panelist based on their emails.
6. Crate other managers or admins (only admins)
7. Assign points (only admins)
8. Delete, modify data or ban users.