Web development / Design / AI

Building this portfolio: from a work archive to a product

How I organized my work into a bilingual website connecting projects, tools and evidence.

Matías Gaglio ·

Leer en español

Finding a common thread

My work spans advertising, analytics, content and development. Building this website meant finding a structure that explains what I did, why I did it and what supports each claim. A résumé summarizes a career; here I can show the process and let visitors explore their interests.

A catalog as the entry point

The site uses a marketplace-inspired interface with categories, search and detail pages. Each project becomes something visitors can discover by topic. Amazon work, Predestinato and Telemetry One share a catalog while retaining their own context.

Separating content from presentation

Core pages use shared templates and structured content files. Python generates static pages; HTML, CSS and JavaScript handle presentation and interaction. A search index feeds the catalog. This structure makes updates manageable and supports Spanish and English versions.

Working with AI requires judgment

I use ChatGPT, Codex and Claude Code to explore solutions, write code, audit the site and review changes. I still define the problem, choose the evidence and assess the result. A page can build successfully while explaining a project poorly, so I review the writing as well as the navigation.

Audits that end in changes

Audits with Claude Code surfaced problems that were not visible at a glance. The catalog and the software carousel depended on JavaScript, so a search engine or link-preview bot saw an empty list; the build now generates a static version and the sitemap grew from 5 to 36 pages. A social sharing image that still showed the old domain was replaced, and a CSS selector that blew up the software logos was fixed. Every change shipped on Vercel and was verified in production.

Checking quality in concrete ways

The repository includes link, localization, metadata and software-tag validation, Playwright interface tests and accessibility checks. These help detect repeatable problems. Screenshots, mobile review and editorial reading help assess whether the experience makes sense and whether evidence is easy to find.

A website that evolves with my work

Predestinato, Telemetry One, Oxi and Revolution projects keep expanding the story. Maintaining this portfolio means revisiting the selection, updating articles and connecting work across disciplines. Building the site is itself an example of how I organize information and turn an idea into a usable experience.

Software and tags

Tools and topics in this article.

Software used or related

  • Python
  • JavaScript
  • Claude
  • GitHub
  • Vercel

Topics

  • portfolio
  • web development
  • bilingual website
  • HTML
  • CSS
  • Playwright
  • Claude Code
  • ChatGPT
  • Codex
  • applied AI
  • technical SEO
  • accessibility
  • catalog
  • UX design

Related work

Next step

Want to apply this approach to your brand or team?

Book a 30-minute call, review my CV or email me.