Skip to main content

Elections Portal Redesign - Current Designs

Last Updated: 7-29-2025

Admin Screens

  • Homepage - Admin Screen - Consolidated admin screen to view and edit/manage active elections, create new election events, access the Uploads screen, and send election-related emailsADMIN SCREEN Design Being Worked On
  • Create Election Event Screen - Screen for creating an election event. Combined the upload module and create screens.ADMIN SCREENDesign Being Worked On
  • Edit/Manage Election Event Screen - Screen for editing an election event and managing the election. Combined the email module, edit, and status for this individual election event.ADMIN SCREENDesign Being Worked On

Archived Designs

  • Add/Edit Election Event Screen - Screen for creating a new Election Event, and also would be pre-populated with data for an existing "Edit Election Event" when users click on the Active Election from the homepage Archived
  • Upload Module - Screen to upload Candidate Statements for any active election, Voters and Nominators for active CLT elections (individual and bulk upload), and Voters for active Board/Committee elections (individual upload). Note that the upload lists may be hooked into the EAL database. Archived
  • Email Module - A way to send bulk emails to pre-defined (uploaded) lists for the active elections; Possible way to schedule the emails Archived

Board & Committee Screens

  • Board & Committee Voting Screen (the "Ballot" screen) - Front-facing screen for users voting for Board & Committee slates - fusing the previous "Instructions", "Candidate Statements", and "Ballot" screens into one experience.PUBLIC-FACING SCREENDesign Being Worked On

Division/SPTA Screens

  • Division/SPTA Candidate SubmissionPUBLIC-FACING SCREENCurrent Final Design

    FOR THEM DEMO:

    • Choose the DEMO: NO Submitted Candidates to see the "empty state" alert that there are no submitted candidates
    • Choose the DEMO: YES Submitted Candidates to see the datatable showing submitted candidates, each row with an "Edit" link which would launch a modal that has pre-populated info for the specific Candidate (same template as the "Add a New Candidate" modal form, but with Edit and pre-populated info for the specific Candidate), and "Delete" will launch a confirmation modal, that when confirmed on the modal, will remove the specific Candidate from the datatable.
    • Choosing any Division/SPTA will then show the "Add a New Candidate" button which launches the Add New Candidate form.
    • Within the Add a New Candidate form, choosing either Yes or No radio button options for the "Is the candidate a Write-In?" question will hide/show relevant form fields. The bottom card in the modal form will have a toggle showing all Divisions/SPTAs to associate the specific Candidate to them, other than the original Division/SPTA that was already chosen (that specific Division/SPTA would have a "disabled" checkbox) in the list.
    • Note: We still need to figure out if we use the "Full Name" field or the First/Middle/Last/Suffix fields.
  • Division/SPTA Candidate Statement Form - Verify AccessPUBLIC-FACING SCREENCurrent Final Design

    FOR THE DEMO:

    • Type in valid@email.com to see the primary alert a valid email user will receive
    • Type in invalid@email.com to see a danger alert an invalid email user will receive
  • Division/SPTA Candidate Statement Form - V1 - Candidate Statement field onlyPUBLIC-FACING SCREENCurrent Final Design

    NOTES:

    • We still need to figure out if we use the "Full Name" field or the First/Middle/Last/Suffix fields.
    • The current form allows the Candidate Statement to be 250 words - the new design has a limit of 1500 characters, is this ok or do we need validation for 250 "words"?
  • Division/SPTA Candidate Statement Form - V2 - Editable FieldsADMIN SCREENCurrent Final Design

    NOTES:

    • We still need to figure out if we use the "Full Name" field or the First/Middle/Last/Suffix fields.
    • The current form allows the Candidate Statement to be 250 words - the new design has a limit of 1500 characters, is this ok or do we need validation for 250 "words"?

Unauthorized Access Screens

Misc Screens

Email Templates

  • Coming soon...

Figma - Screenshots of Older Sites