Juan Saravia ESEN

Work · Civic Tech · AI chatbot

Vota Informado

An electoral ballot you can talk to: mark one of Colombia's 2026 presidential candidates with an X and an AI answers strictly from their official government plan.

View live
Vota Informado, desktop view
Vota Informado, mobile view
Compare with · the other 4 candidatesAnnex · numbered sources
RoleConcept · Design · Full-stack · AI
Year2026
StatusLive

Overview

Vota Informado turns the electoral ballot into an interview. Mark a candidate with an X and an AI answers you in first person.

Answers draw on 177 KB of hand-curated government plans; from the candidate file you can compare them with any of the other four, and every answer points to an annex of numbered sources. It is non-partisan: it only discusses proposals and never attacks rivals.

Features

What it does.

Interactive ballot

Numbered boxes with each party, a hand-drawn X when you mark one, and a blank-vote box that explains what it means.

Live interview

The answer streams in like an interview transcript, bound to the official plan.

Compare with

One tap and the candidate contrasts their proposals with another's.

Sources as an annex

Each candidate with a numbered list of official documents, sites and press.

Mobile and desktop

On a large screen the ballot lies on a desk, all six boxes in a row, with the chat beside the candidate file.

Tally board

Anonymous question analytics with per-candidate bars, 14-day activity and comparisons.

How it works

From start to finish.

  1. Official sources

    Government plans, campaign sites and press.

    5 candidates

  2. Extraction

    They are downloaded and cleaned automatically.

    Playwright · Python

  3. Curation

    177 KB of plans reviewed by hand and attributed per candidate.

    .md base

  4. You mark an X

    The AI answers in first person, only from that candidate’s plan.

    Claude Haiku 4.5

  5. Answer with sources

    Live, with a numbered annex of where each fact comes from.

    SSE

Screens

How it looks.

Tech specs

How it is built.

Frontend

  • React 19
  • Vite
  • Tailwind 4
  • Framer Motion

Design

  • Archivo
  • Newsreader
  • IBM Plex Mono
  • Paper and ink

Data

  • Playwright (scraping)
  • Python
  • Curated .md base

IA

  • Claude Haiku 4.5
  • SSE
  • Prompt engineering

Integrations

  • Anthropic Claude — streaming conversational engine
  • Supabase — anonymous analytics and tally board
  • Vercel — serverless + Analytics + Speed Insights
  • Distribution — the ballot as a preview image for WhatsApp, Instagram and LinkedIn

Method

  • Design based on the real ballot (numbered boxes, a 2:1:1 tricolor rule and a security-print background) · human curation of official sources and press, attributed per candidate · prompt engineering to stay neutral and avoid hallucination.