• DemocracyOS Webapp



    This is a conceptual approach on a user-friendly, open-source, vote and debate tool, crafted for parliaments, parties and decision-making institutions that will allow citizens to get informed, join the conversation and vote on topics, just how they want their representatives to vote.


    In Solutionants we created a webapp prototype for DemocracyOS using a Design Thinking Process and several User Experience Design methodologies.


    This is the repository of the deliverables that the Team Aition has created from August to December of 2014.



    Quick access links


    Webapp Prototype


    Interactive Sitemap

  • The Design Thinking process, centered in the users...

    Every designer has a slightly different approach and different design specialisms also have their own ways of working, but here are some general activities common to all designers. The Design Council has developed the ‘Double Diamond’ model to illustrate this.

    Divided into four distinct phases: Discover, Define, Develop and Deliver, it maps how the design process passes from points where thinking and possibilities are as broad as possible to situations where they are deliberately narrowed down and focused on distinct objectives.


    See original .pdf of "The double diamond design process"

  • 1.The Discover phase

  • The start of a project is a period of discovery, gathering inspiration and insights, identifying user needs and developing initial ideas.


    • Identify the problem, opportunity or needs to be addressed through design
    • Define the solution space
    • Build a rich knowledge resource with inspiration and insights.



    • Parliament Flow with comments
    • Roles & Activities Map 
    • Interview with stakeholders I
    • Interview with stakeholders II

    Parliament Flow with comments

    We created this chart to understand where DemocracyOS fits into the political ecosystem.

    Roles & Activities Map 

    This chart allowed us to understand what are the different actors and their goals.

    Interview with stakeholders I

    Some insight about the current situation.

    Interview with stakeholders II

    More insight about the current situation.

  • 2.The Define phase

  • In the Define phase ideas are synthesised and aligned with business objectives, creating a clear brief that frames the design challenge.


    • Analyse the outputs of the Discover Phase
    • Synthesise the findings into a reduced number of opportunities



    Service Design Canvas

    In this excersise, we created a list of Key Performance Indicators (KPIs) and outlined a User Journey Map. 



    You can also check the development process in this 2-hour video

  • User Personas

    A User Persona is a character that embodies user research in an easily identifiable and understandable form. It brings together lots of information about similar people to create a single character that represents the group.


    Personas are normally created as a set, showing different types of users with different needs.


    User personas can be communicated in a wide variety of formats but are normally a combination of images and text. A Persona can cover information such as name, age, occupation, where they live, family, hobbies & interests, likes & dislikes, and most importantly needs.


    Knowing the people that will use DemocracyOS allowed us to get in their shoes, understanding where the value is.

    Manuel Vega

    Rational Citizen

    Agustina Orieta


    Roque Maschero

    Advisor to legislator

    Pedro Tamaño


    Angela Castillo

    Passionate Citizen

    Jorge Dominguez


  • 3.The Develop phase

  • Design-led solutions are developed, prototyped, tested and iterated. This process of trial and error helps designers to improve and refine their ideas.


    • Develop the initial brief into a product of service for implementation
    • Design service components in detail and as part of a holistic experience
    • Iteratively test concepts with end users.



  • Democracy OS Webapp

    Democracy OS

    Webapp Prototype

    Experience Prototyping is a way of testing new service ideas or designs for specific touchpoints.
    Experience Prototypes are about communicating what the experience will be like and allow the design team to test and refine their solutions with potential users. They also help build buy-in from partners and other stakeholders.


    Making prototypes ‘early, ugly & often’ is important in the design process. Experience Prototypes don’t need to be refined or take a long time to make, it is more important to create something quickly, test it, and then iterate the design. They can vary from paper sketches, to a physical model, to a fully acted out service.


    Solucionantes Aition Team created a webapp that complies with all the new standards of Material Design, looking for ultimate simplicity, with the objective of lower the barriers for the citizens to participate in politics.


    Download the original Indigo Studio assets

    Download the offline executable files

  • Interactive Sitemap

    (All words in blue are clickable, allowing you to navigate the prototype right from there)


    This map gives an overview of how the hierarchical order of screens, and also the detail of the Registration and ID Verification processess (which are not accesible directly from the prototype).

  • User testing

    Usability testing is a technique used in user-centered interaction design to evaluate a product by testing it on users. This can be seen as an irreplaceable usability practice, since it gives direct input on how real users use the system. (Wikipedia)

  • 4.The Deliver phase

  • In the Deliver phase, the product or service is taken through final testing, finalised and launched.


    • Taking product or service to launch

    • Share lessons from development process back into the organisation.



  • Design Scenarios

    Design scenarios are stories of a future situation or service. By creating a concrete story about a potential future, or set of futures, Design Scenarios help create shared understanding and enable meaningful discussion. 


    While Scenarios are used as a tool across strategy and management disciplines, within service design they are mostly used as communications tools and emphasise storytelling and narrative.

    Voting & profile check Flow

    User notifications Flow

    Debate, comment & report abusive Flow

    Project Results Flow

    Register, Login & ID Validation Flow

  • Solucionantes: The Aition Team!

    A great team to tackle on a greater challenge! Know the people behind the app.


    Solucionantes is an advanced online course in UX Design, in which we tackle a real UX project for an NGO. In this case, we worked alongside Fundación Democracia en Red.

    Mariano A. Goren

    Solucionante #0

    UX Lead

    Verónica Mosti

    Solucionante #1

    Gold Contributor

    Sandra Vega

    Solucionante #2

    Gold Contributor

    Tatiana Oquendo

    Solucionante #3

    Bronze Contributor

    Guillermo Ceballos

    Solucionante #4

    Gold Contributor

    José Alejandro Álvarez

    Solucionante #5

    Bronze Contributor

  • Our sponsors

    These organizations felt that this project represented their ideals and trusted us to join forces!

  • Let's get in touch

    If you have any inquiries regarding this document, you can reach us by completing this form.


    Go to Solucionantes.org for more info.