Elections portal is an online voting application that is built on top of blockchain Hyperledger. It is designed to conduct inter-organization elections or voting, where candidates can nominate themselves, members of organization can vote for candidates and auditors can declare results.
The process from nomination and results is encrypted and secure. We aim to provide credible online experience for users, that they can trust and be confident that their votes are not being tampered.
1. Online elections
website for students
3002
Voters Count
40%
Voters Turnout
Hostels Departments
Brahmaputra Kapili Lohit
Umiam Others
Students Web Committee
Indian Institute of Technology Guwahati —
2021
Shubham Gandhi
2. 3 Months (2 MVP + 1 PRODUCT)
Timeline
Election Commission Indian
Institute of Technology,
Guwahati
CLIENT
Sole Product Designer
Role
Build an onlineelectionwebsite where students can verify their
identity and cast votes from comfort of their home. The system
needs to ensure security and trust of students.
Our Goal
3. All the members of the Students' Gymkhana are elected
.
for the
students, by the students and from the students
The IITG Students' Gymkhana Council is a powerful and a political
student organization that acts as a link between the students and
the administration.
What are Gymkhana Elections
Technical Board Cultural Board Sports Board Hostels Board
4. Who will be using election website?
Esha is a student at IIT
She is politicaly active in her college life and is excited to
vote for the next gymkhana council.
She suffers from mild color blindness which makes green
look more red.
Uses contrast adjusters and screen magnifiers to make her
digital interactions easier.
5. Esha’s Journey
She lives at her home
and is attending online
classes regularly
She lives at her home
and is attending online
classes regularly
Receives an email from
election commission
regarding upcoming
elections
Receives an email from
election commission
regarding upcoming
elections
Clicks on the election
website link
Clicks on the election
website link
Registers for the election
and enters her personal
information.
Registers for the election
and enters her personal
information.
Tasks
Checking details about
elections and process
Learning more about
candidates to
understand their
agendas.
Tasks
Checking details about
elections and process
Learning more about
candidates to
understand their
agendas.
Needs
Registering for electio
Information regarding candidates and
debates
Emotions
Excited and Curious
Motivation
Her motivation is to know more about
election’s date and process. So she can
understand how to vote.
6. Esha wants to vote for
Sarath Chandra, a masters student at IIT
He is standing for the Vice President post and wants to make a
difference by getting the maximum votes .
Keeps himself updated on latest announcements regarding
elections and wants to measure his popularity among campus
junta.
7. Sarath’s Journey
He is residing in campus
and is preparing his
agendas for upcoming
elections.
He is residing in campus
and is preparing his
agendas for upcoming
elections.
Receives an email from
election commission
regarding upcoming
elections
Receives an email from
election commission
regarding upcoming
elections
Clicks on the election
website link
Clicks on the election
website link
Clicks nominate and signs in by entering
his personal information.
Clicks nominate and signs in by entering
his personal information.
Tasks
Write brief introduction paragraph
Create agenda
Upload 3 minutes video pitching
himself
Adding credentials.
Tasks
Write brief introduction paragraph
Create agenda
Upload 3 minutes video pitching
himself
Adding credentials.
Sends his profile for verification.
Sends his profile for verification. Public profile goes live on the
website.
Public profile goes live on the
website.
Checks Profile analytics to
understand how many people
have viewed his agendas.
Checks Profile analytics to
understand how many people
have viewed his agendas.
Needs
Nominating himsel
Filling out nomination for
Get profile Verifie
Checking election Statistics
Emotions
Excited and Nervous
Motivation
His motivation is to understand the
nomination procedure and nominate
himself.
9. On the election day
they visit the website
to vote for the
candidates
On the election day
they visit the website
to vote for the
candidates
Secure sign in to voting
form.
Secure sign in to voting
form.
Votes for various posts
i.e vice president,
gymkhana boards and
Senate.
Votes for various posts
i.e vice president,
gymkhana boards and
Senate.
Check Election Statistics
Total Votes
Vote Distribution
Check Election Statistics
Total Votes
Vote Distribution
10. Product roadmap
2021 - 2022
JULY AUG SEP OCT NOV
DEC JAN FEB MAR APR MAY JUNE JULY AUG SEP OCT NOV
DEC JAN FEB MAR APR MAY JUNE
Sprint 1
Sprint 2
Sprint 3
Usability Testings
Feedback and Reviews
Sprint 4
Backend Development
Blockchain Backend
MVP is
Live
Ideation
11. We launched the MVP on 21st Feb 2021
4 Remote Design Sprints 10+ Usability Tests 4017 Votes 20% Increase in turnout
12. “We collected feedback from our users through
and realized that the product lacked certain
, and got the general sense that the
product looked ”
interviews, observations
and internal team reviews
usability standards security issues
out of date
Research Blockchain Design System
13. Heuristic analysis
Refurbish the User Interface, with modern elements
Register users before the elections, this will prevent data issues on the day of
elections
Prevent using banners for important information — Banner Blindness
Make screens more accessible by introducing vote buttons, better navigation
Prevent using High Contrast Borders
Use camera pattern for facial recognition rather than reinventing the wheel
T
erms and Conditions should be skip-able, don’t put important information there
Add floating help box in design, for users to contact support
Improve voting cards
Conduct stakeholder interviews to understand behind the scene issues.
Download Report
Download Report
14. Pain Points
Obsolete Student Data
IITG administration don’t generally maintain student
data, it is not made available that easily.
Debates and Schedule
The debates are held on Microsoft teams and there is
no proper communications regarding dates.
Candidate videos and nomination form
The process of candidates nominating themself has
lots of repetitive steps, which can be improved.
Single Sign On
The emails with domain @iitg.ac.in are hosted on
google and outlook both, which makes verification
confusing.
16. 12 Words Secret Phrase
mutual
1
refuse
2
drink
3
intact
4
intact
5
icon
6
acid
7
team
8
victory
9
fossil
10
pig
11
fringe
12
Each user receives his own private key which is used to make transactions and prove
ownership of the transactions in the address.
17. ImpactofBlockchainonUserflows
andMentalModels
ElectionHomepage
Voters register themself on
the election homepage
ElectionHomepage
Voters register themself on
the election homepage
SignUp
Enter email provided by
organization to sign-up
SignUp
Enter email provided by
organization to sign-up
Verifyyouremail
An email link is sent to login
to their email ID.
Verifyyouremail
An email link is sent to login
to their email ID.
12wordsSecretPhrase
A 12 word phrase is generated for
users to save it in a safe place.
12wordsSecretPhrase
A 12 word phrase is generated for
users to save it in a safe place.
ElectionHomepage
On the day of election,
users can select vote CTA.
ElectionHomepage
On the day of election,
users can select vote CTA.
SignIn
Enter email provided by
organization to sign-in
SignIn
Enter email provided by
organization to sign-in
12wordsSecretPhrase
Enter your secret phrase to
securely login.
12wordsSecretPhrase
Enter your secret phrase to
securely login.
FacialRecognition
Capture your smiling face
to verify your identity.
FacialRecognition
Capture your smiling face
to verify your identity.
This is the new password for users to log in to
the system.
To build the mental model. I used a two-step
process for the system’s conceptual model.
Wetellyou your secret phrase and request
you to noteitdown someplace safe.
We request you to inputthephrase once from
a jumbledphrase so users understand the
change in mental model.
Users can requestthephrase to be sent to
their emails for future purposes (To be on the
safe side)
Expectation
Email I
Password / Google Login/ Outlook Logi
Done
Registration flow
Voting flow
20. Visit Election’s Homepage
1
Pain Point
“ The website says that I am not eligible to
vote. But I have logged in using my correct
student email. How can I register?”
SOLUTION
Registering for election before voting.
Helps reduce data inconsistencies
caused due to obsolete database.
2
The more important something is, the
more prominent it is.
3
Break up pages into clearly defined areas
like Schedule of debates.
4
Things that are related logically are related
visually
Horizontal tabs structure with content
classified under simple categories
reflected from user goals
Help us scale our blockchain network with open source developers and miners
Gymkhana Elections 2021
Home Nominations Statistics Rules and Regulations Organizers
FEB
20
Saturday
Important Dates
End of nominations 12th Feb’21
Candidates list 13th Feb’21
Debates 16th Feb’21
Elections 20th Feb’21
Upcoming Debates
Vice President Debate
Albert Flores, Jenny Wilson,
Brooklyn Simmons.
17th Feb’21
4:00 PM
Add to Calendar
Add to Calendar
100 attending
HAB Debate
Albert Flores, Jenny Wilson,
Brooklyn Simmons.
17th Feb’21
5:00 PM
Add to Calendar
Add to Calendar
120 attending
SWC Debate
Albert Flores, Jenny Wilson,
Brooklyn Simmons.
18th Feb’21
7:00 PM
Add to Calendar
Add to Calendar
300 attending
PG Debate
Albert Flores, Jenny Wilson,
Brooklyn Simmons.
18th Feb’21
9:00 PM
Add to Calendar
Add to Calendar
400 attending
Voters
Register for the Gymkhana Elections to cast your votes
Register Now Nominate
Nominate
EN Login
Gymkhana Elections 2021
Home Nominations Statistics Rules and Regulations Organizers
4
1
3
2
Esha
Voter
Sarath
Candidate
Shubham
Auditor
21. How will she register?
1
Pain Point
Students have accounts on different
platforms i.e. with google or outlook
provided by institute. When we enabled O-
auth directly from APIs it leads to students
signing up with google or with work
accounts and were not able to register.
Solution
Single Sign On: Email ID as a user
identification model so users enter their
personal email provided by admin.
2
Previous year candidates who were
elected with online voting to humanize
the login splash screen.
3
Login Link sent to email address
irrespective of the client used at
backend.
1
2
3
22. 12-word secret phrase
1
Pain Point
With blockchain comes a big responsibility
of securing user’s account and being in
control. Every user is allotted a set of public
and private key pair which is used as their
anonymous identity.
SOLUTION
The series of random words which make
up a seed phrase can be memorized with
practice and time.
Email me my secret phrase is available
for users who fear losing the seed.
2
Fill the secret phrase in the order by
easily taping the word.
1
2
25. Nomination Section
1
Pain Point
To nominate, users had to fill multiple
forms from registering, agenda and video
submissions.
SOLUTION
Digitalizing the process using the U-vote
interface, for candidates to register
seamlessly and create their profile.
2
Things are “nested” visually to show
what’s part of what. Posts separated by
form and function for better scaning.
3
Frequently asked questions added by the
organizers to clear queries before the
voting day.
1
2
3
26.
27. Editing his profile
1
Pain Point
“ We are asked by the election commission
to make changes in agendas or videos
based on elections rules. There are a lot of
back and forth emails to get the right
version” — Candidate.
SOLUTION
Profile builder with different sections for
specific tasks. Editing profile becomes
easier by making agenda drafts.
2
System status: When profile is verified a
public link is created for candidates to
share on their social media.
3
Rich text editor: Users use bulleted lists
and headings to create hierarchy in their
agendas making them easy to read for
voters.
Add New Agenda Cancel
Title
Write about your agenda here
Write Preview
Save
2
1
3
28. Previewing profile
1
Pain Point
“How do I share my profile with friends
and get traction on social media’
SOLUTION
Great looking profiles for candidates
which can be shared easily as URLs or
social media open graph.
2
Other candidates for the same post are
also linked for simple navigation.
2
1
29. Sarath’s analytics for his
own public profile
Get insights on profile views,
agendas and your impact.
32. Voting Experience
1
Motivation
Our election portal needs an accessible
layout to make it useful, usable and
searchable. The design of voting
experience should be inclusive to all.
SOLUTION
Accessibility options to change contrast,
text sizes and language.
2
Listen to the agendas with in-built text
reader
3
CTA are labeled for screen readers to
read call to action along with the name of
the candidate.
1
3
2
33. Statistics
1
How Might We
How to make voting transparent without
compromising on user’s privacy.
SOLUTION
Public ledger which is accessible to
everyone to cross-check vote count once
results are declared and check for
frauds.
1
34. TacklingTechChallenges:
Implementing blockchain in UX and understanding its limitations.
DesignSystems:
They are living documents that need to be consistently updated from time to
time as the product evolves.
Iterating across various layouts, versions and learning from mistakes / bad UX
in previous iteration. Converting customer feedback to valuable insights.
Election's website is currently under development.
Product Designer,
Overall Coordinator Students Web Committee
ShubhamGandhi
Go back to portfolio