Case Study 01 — Catalogo Interactivo

The problemEl problema

The Parque had a vibrant startup ecosystem but no visibility — visitors couldn't discover who was there. El Parque tenía un ecosistema vibrante de startups pero sin visibilidad — los visitantes no podían descubrir quién operaba allí.

The existing process relied on hand-edited PowerPoints projected on TV screens. No visual consistency, no web version, enormous operational friction: every update required editing the file and sending it to the screens again. The result was always outdated information. El proceso existía en PowerPoints editados a mano, proyectados en pantallas de TV. Sin consistencia visual, sin versión web, enorme fricción operativa: cada cambio requería editar el archivo y enviarlo de nuevo. El resultado era información siempre desactualizada.

How I thought about itCómo lo pensé

🚫

What I decided not to doLo que decidí no hacer

Not build two separate systems. One Airtable source feeds both interfaces. Content that exists in one place can't fall out of sync.No construir dos sistemas separados. Una sola fuente en Airtable alimenta ambas interfaces. El contenido que existe en un solo lugar no puede quedar desincronizado.

🔄

The automation loopEl loop de automatización

When someone edits Airtable, Make triggers a sync automatically. Zero manual intervention after setup. The system maintains itself.Cuando alguien edita Airtable, Make dispara la sincronización automáticamente. Cero intervención manual después del setup. El sistema se mantiene solo.

📺

TV ≠ Web — same data, different logicTV ≠ Web — misma data, distinta lógica

Screens need an autonomous slider readable from a distance, no user input. The web needs search and filters. I built two completely different interfaces over the same source.Las pantallas necesitan un slider autónomo legible a distancia, sin input del usuario. La web necesita búsqueda y filtros. Construyé dos interfaces completamente distintas sobre la misma fuente.

🔒

Demo vs productionDemo vs producción

The final deploy runs against the real production database. For startup privacy, the public link uses fictional data — technically identical to production.El deploy final corre contra la base de datos real de producción. Por privacidad de las startups, el link público usa datos ficticios — técnicamente idéntico.

Architecture — how the pieces connectArquitectura — cómo se conectan las piezas

Airtable

Single source of truth. Stores all startup data.Fuente única de datos de startups.

Table: startups
Fields: name,
sector, desc,
logo, active

DATABASE

on edit

▶

webhook

Make

Detects Airtable changes. Fetches updated records and triggers sync.Detecta cambios en Airtable y dispara la sincronización.

Trigger: webhook
Action: fetch+push
Latency: instant

AUTOMATION

JSON data

▶

records[]

Claude Code

Built both interfaces from scratch. Renders 2 completely different UIs from the same data.Construyó ambas interfaces desde cero con la misma fuente de datos.

Input: JSON
Output: TV + Web
Runtime: vanilla JS

BUILD

deploy

Vercel

TV Slider

Auto-rotating. No input. Full screen.Auto-rotante. Sin input. Pantalla completa.

Loop: 8s/slide
UX: autonomous

OUTPUT

Web Catalog

Searchable. Filterable. Responsive.Buscable. Filtrable. Responsive.

UX: interactive
URL: public

OUTPUT

Stack — why each toolStack — por qué cada herramienta

A

Airtable

Single source of truth, editable by anyone on the team without touching code. Flexible structure for different startup types.Fuente única de datos, editable por cualquier persona del equipo sin tocar código. Estructura flexible para distintos tipos de startups.

C

Claude Code

Built both interfaces from scratch with full control. Prototyping speed without sacrificing customization.Para construir las dos interfaces desde cero con control total. Velocidad de prototipado sin sacrificar customización.

M

Make

Automates the sync trigger. Without this, someone has to remember to refresh — which is exactly the previous problem.Automatiza el trigger de sync. Sin esto, alguien tiene que acordarse de refrescar — que es exactamente el problema anterior.

Vercel

Continuous deployment and automatic HTTPS. The catalog always shows the latest version with zero operational friction.Deploy continuo y HTTPS automático. El catálogo siempre muestra la versión más reciente sin fricción operativa.

Before & AfterAntes y Después

⚠️ Before — manual processAntes — proceso manual

❌PowerPoint updated manually for each changePowerPoint editado a mano con cada cambio

❌File sent to screens every time — if someone rememberedArchivo enviado a pantallas cada vez — si alguien se acordaba

❌No web version — only physical screensSin versión web — solo pantallas físicas

❌Information permanently outdatedInformación permanentemente desactualizada

❌Requires technical knowledge to updateRequiere conocimiento técnico para actualizar

⚡ After — automated systemDespués — sistema automatizado

✓Anyone edits a row in AirtableCualquiera edita una fila en Airtable

✓Make detects the change instantlyMake detecta el cambio al instante

✓TV screens + web catalog updated simultaneouslyPantallas de TV + catálogo web actualizados simultáneamente

✓Always in sync, always currentSiempre sincronizado, siempre actualizado

✓No technical knowledge needed to operateSin conocimiento técnico para operar

0

Manual updates required after setupActualizaciones manuales requeridas después del setup

2

Interfaces synced from one single data sourceInterfaces sincronizadas desde una sola fuente de datos

∞

Startups it can display without touching codeStartups que puede mostrar sin tocar código

ResultResultado

A recurring manual process replaced by infrastructure that runs itself. Anyone on the team can add a startup in Airtable and see it on the physical screens and on the web in seconds. Un proceso manual recurrente reemplazado por infraestructura que opera sola. Cualquier persona del equipo puede agregar una startup en Airtable y verla en pantallas físicas y en la web en segundos.

System in active use at Parque de Innovación CABA, 2025.Sistema en uso activo en Parque de Innovación CABA, 2025.

Note:Nota: Production deploy runs against the real Parque database. For startup privacy, the public link shows fictional data — the system is technically identical. El deploy de producción corre contra la base de datos real del Parque. Por privacidad de las startups, el link público muestra datos ficticios — el sistema es técnicamente idéntico.

See demo →Ver demo →