Work

Own concept

MotoFaro

A motorcycle-gear comparison engine built in Next.js with an SEO-first architecture: filterable catalog, side-by-side comparison and a quiz recommender — all driven from a single data source and optimized to capture purchase-intent traffic. Self-initiated project, from zero to production.

Year
2026
Disciplines
Web, Next.js, Technical SEO
Client
MotoFaro (own concept)
My role
Product + design + development + SEO
Stack
Next.js · React · Tailwind CSS
Focus
Technical SEO · purchase intent
MotoFaro side-by-side comparison with specs, price and score

In a comparison engine, SEO isn't a layer — it's the architecture.

Someone searching "best motorcycle intercom in Colombia" is one click from buying. The challenge wasn't to design something pretty: it was to build a site where every product, category and comparison is an indexable, fast page with structured data — so Google understands the catalog and surfaces it exactly when someone is deciding what to buy.

Affiliate monetization is the business goal; technical SEO is what makes it possible. This project is the proof that I can build that foundation.

A real product, live — not a mockup.

MotoFaro is deployed and running: 12 scored products, category filters, six sort modes, a side-by-side comparison and a quiz that recommends based on your riding profile. This is the real site embedded — click to open it full.

Live view of MotoFaro: browse it right here or open it in a new tab. Open the site ↗ (opens in a new tab)

Measured, not promised.

99PageSpeed desktop
84PageSpeed mobile
100Technical SEO
12Comparable products

* Performance metrics measured with Google PageSpeed Insights on the production site. Affiliate monetization is in an early stage — this case documents the product build and its technical foundation, not revenue.

Performance and SEO don't trade against each other.

A comparison engine with product images, dynamic filters and many pages is usually heavy and slow. The challenge was keeping PageSpeed high AND the full catalog indexable at once. These are the decisions that made it possible.

  • A single data source feeds the whole site

    The entire catalog lives in a single structured data file. Product pages, category pages and the comparison engine are all generated from it — no duplicate content, no database. Adding a product means editing one object, and the whole site updates consistently.

  • Optimized images without sacrificing speed

    I use Next.js's image system to serve every photo in the exact format and size each device needs. Result: a visually rich catalog with PageSpeed 99 on desktop and 84 on mobile, without blocking rendering.

  • Technical SEO 100/100 with metadata and structured data

    Every page has its own meta description, Open Graph with es_CO locale, Twitter cards and product-oriented markup. The affiliate disclosure is visible and compliant. Google doesn't just index the site: it understands what each page is and who it's for.

Next project Logofolio I

Do you need a site Google understands and that loads fast?

If your business lives on showing up in search, that's exactly the kind of technical foundation I build. Tell me about your project — I reply within 24 hours.