Poll-points casestudy

Project -

Online survey platform

My role -

Solo designer

Duration -

45+

Tools-

Figma

Duration -

45+days

Tools-

Figma

Project -

Survey app and website

My role -

Solo designer

Duration -

45+ days

Tools-

Figma

Project overview

Poll Points is an intuitive survey platform that helps companies to conduct surveys with their target audience, and allow users to earn rewards while lounging on their couch.

Project goal

The goal of the project was to create an intuitive and visually appealing platform that prioritises user privacy, tailored to user preferences, and is beneficial for both companies and users.

Discover

Target users

Students

Retired employees

Firms

Employees

Researchers

Students

Retired employees

Firms

Employees

Researchers

Students

Retired employees

Firms

Employees

Researchers

Pain point

Users are tired of generic surveys that they don't have expertise in, and worried about their privacy. They don't want to waste time answering questions that aren't relevant, and want to make sure that their information is safe. On top of that, they're getting frustrated by being disqualified from surveys halfway through, leaving them feeling like their time was wasted.

Solution

Poll Points offers personalised feed, providing surveys to users they're suited for. information and upfront requirements about survey ensure perfect matches, saving users time and frustration.

Use case

It's important to know how the product might be useful for users before starting the design

Users thoughts

I gathered some reviews of existing survey applications from internet. the message was clear users are frequently encountering disqualification or ineligibility.

Competitive anaysis

After looking into user issues, I wanted to assess existing brands and point out the exact pains users might be facing.I found many products lack privacy, personalisation, and make survey completion difficult with frequent disqualifications.

Life Points

Poll Pay

Multi Polls

Opinion rewards

Prize Rebel

Ideate

How might the product can be intuitive while respecting user privacy and avoiding disqualifications?

User insights

Considering timeline in mind, I interviewed users who could provide me unique insights.

Getting disqualified from surveys because of not meeting the survey requirements or because the survey is targeting a specific audience.

Not getting informed about how the data will gonna be used or the purpose and requirements of the survey.

Surveys are not tailored to users expertise, resulting in disqualification for many users.

Using deceptive tactics, attracting users with initial surveys but ultimately providing them nothing.

Asking to answer personal, unnecessary and open ended questions.

Sitemap

I created site map for Poll Points to illustrates user's journey and the actions they can perform within product.

Design priorities

Personalisaion

Users can select their preferred fields of interest to receive surveys tailored to their preferences.

Personalisaion

Users can select their preferred fields of interest to receive surveys tailored to their preferences.

Personalisaion

Users can select their preferred fields of interest to receive surveys tailored to their preferences.

Intuitive

Poll Points provides simple and intuitive ui to make product accessible to anyone at anywhere.

Intuitive

Poll Points provides simple and intuitive ui to make product accessible to anyone at anywhere.

Intuitive

Poll Points provides simple and intuitive ui to make product accessible to anyone at anywhere.

Privacy

Users can clearly understand the purpose and requirements of the survey.

Privacy

Users can clearly understand the purpose and requirements of the survey.

Privacy

Users can clearly understand the purpose and requirements of the survey.

Design

Exploring designs

With the goal of creating an intuitive and visually appealing design, I decided to explore a wide variety of approaches in order to land on the best option.

#Home

To find the optimal survey format ,I explored various survey card designs along with different reward indicators.

Version 1

Stroke cards

While the stroke cards functioned well, they lacked engagement due to being plain. Additionally, the reward indicators felt incomplete, suggesting that there should be some visuals to view progress.

Version 2

4 DP Elevated cards

Then i decided to emphasise the cards and include an animated progress indicator for rewards. However, I soon realised that the progress bar colour didn't meet accessibility standards, and the cards looked fake.

Version 3

2 DP elevated cards

After realizing these problems, I decided to reduce the emphasis from 4 DP to 2 DP to achieve a more realistic and intuitive feel, while also darkening the color to meet accessibility standards.

#Redeem (desktop)

Now, let's take a look at the redeem screen. The question was: how to align the cards in the correct order so that users can focus on information relevant to them.

Version 1

Single option screen

Initially, I considered creating a single option screen. However, I realised that users might prefer to compare different redeem options. Additionally, the redeem amount options lacked a clear visual connection to each other.

Version 2

Horizontal carousel

Applying the Gestalt principle of "common region," I grouped the amount and redeem button within a shared space and implemented a horizontal carousel for card navigation.

Version 3

Vertical carousel

Finally, I opted for a vertically aligned carousel to emphasize content differentiation and focus on the selected option, thereby minimizing user distraction.

#History

Finally i wanna show you the history section. here users can see their past redeems and rewards

Version 1

No total, flat switcher

This design lacked clarity due to missing total rewards, forcing manual calculations and causing user confusion. The unclear switcher further compounded the problem.

Version 2

Bottom switcher

Much better! Users can now see their earnings at a glance. I moved the switcher to the bottom for easier thumb access, but it clashed with other elements without elevation. So what now?

Version 3

Elevated switcher

How about placing the switcher at the top of the screen with a 4 DP elevation to visually separate it from the rest of the screen? Well that's what you can see here.

Style guide

To ensure the components are implemented consistently across the site, I created a UI guide with details on color palettes, typography, icons and reusable UI elements.