In preparation of the 2014 Libyan elections, IOM came to Wiredcraft on behalf of the HNEC, seeking our expertise in electoral systems to build an online platform facilitating the registration and management of out-of-country voters spread across 22 countries for an election involving 600k voters.
- The High National Elections Commission (HNEC) which handles and manages the Libyan electoral process.
- The International Organization for Migration (IOM), an intergovernmental organization which helps ensuring the orderly and humane management of migration, promotes international cooperation on migration issues, assists in the search for practical solutions to migration problems and provides humanitarian assistance to migrants in need.
- The UN Development Program (UNDP) which helps achieve the eradication of poverty, and the reduction of inequalities and exclusion in more than 170 countries.
A challenging project
- A tight timeline with only 2 weeks to deliver a first prototype ready for testing.
- Responsive design to cater to a large mobile audience.
- Multi-lingual and right-to-left language support for English and Arabic.
- High performance and scalability allowing us to breathe through the peak in traffic leading to the elections. Up to 10,000 registrants in over 20 locations across a dozen countries.
- Analytics, Data visualization & Reporting allowing for the various actors involved to monitor and analyze the registration process.
- Security, an important factor in all of the work we do in the electoral space, especially in the case of Libya.
- A Complex User Flow imposed by the legal duties of the commission.
Designing a voter registration platform that works
Shaping a clear, focused User Experience
We started by outlining the information architecture and worked on refining the user flow that was originally drafted by the IOM team. Our efforts went into simplifying the navigation and flow.
Our early prototypes and sketches focused on building a simple user interface that drew the attention to one thing at a time, ensuring a reliable user experience for registrants. We planned on using a single, prominent sidebar navigation to help the user situate himself clearly in the registration process.
Designing a contrasted User Interface
Building on what we learnt with the user flow and sketches, we proceeded to design a highly contrasted user interface kit with obvious UI elements, keeping in mind the color set defined by the commission. We relied as well on illustrations and a simple minimalist icon set to convey simple, primary call for action.
A bird’s-eye view for administrators
The administration interface was designed with 3 goals in mind:
- Provide insights into the registration process.
- Enable quick and easy resolution of conflicts.
- Generate voters list at the end of the registration process.
Under the hood
Quick front-end prototyping with SASS. Although we usually build static clients combined with an API, the schedule constraints made it difficult to ensure a proper QA for that approach. We decided to build server generated pages, using Eggshell, our SASS prototyping library.
Infrastructure management with devo.ps. Devo.ps, Wiredcraft’s server management solution, was the central piece to manage everything infrastructure, from continuous deployment to server configuration.
Working with IOM, the UN and the HNEC on the Libyan elections gave us the opportunity to deepen our expertise in the electoral process and online electoral platforms. We battle-tested our product design process and demonstrated one more time that aggressive time constraints can be used as a catalyst for creativity and efficiency.