Volver a proyectos
Diseño web Next.js SEO técnico Concepto propio

Moto
Faro.

Un comparador de accesorios para moto construido en Next.js con arquitectura SEO-first: catálogo filtrable, comparador lado a lado y recomendador por quiz — todo alimentado desde una sola fuente de datos y optimizado para captar tráfico de intención de compra. Proyecto propio, de cero a producción.

Ver sitio en vivo

EL RETO

En un comparador, el SEO no es una capa — es la arquitectura.

Quien busca "mejor intercomunicador para moto en Colombia" está a un clic de comprar. El reto no era diseñar bonito: era construir un sitio donde cada producto, cada categoría y cada comparación fuera una página indexable, rápida y con datos estructurados — para que Google entienda el catálogo y lo muestre justo cuando alguien está decidiendo qué comprar.

La monetización por afiliados es el objetivo de negocio; el SEO técnico es lo que la hace posible. Este proyecto es la prueba de que sé construir esa base.

ClienteMotoFaro (concepto propio)
Mi rolProducto + diseño + desarrollo + SEO
StackNext.js · React · Tailwind CSS
EnfoqueSEO técnico · intención de compra

EL RESULTADO

Un producto real, en vivo — no una maqueta.

MotoFaro está desplegado y funcionando: 12 productos con puntuación, filtros por categoría, seis modos de orden, comparador lado a lado y un quiz que recomienda según tu tipo de uso. Esta es la web real embebida — haz clic para abrirla completa.

motofaro.vercel.app
Ver sitio en vivo

Vista en vivo — haz clic en cualquier punto para abrir MotoFaro en una pestaña nueva.

LOS NÚMEROS

Medido, no prometido.

99 PageSpeed escritorio
84 PageSpeed móvil
100 SEO técnico
12 Productos comparables

* Métricas de rendimiento medidas con Google PageSpeed Insights sobre el sitio en producción. La monetización por afiliados está en fase temprana — este caso documenta la construcción del producto y su base técnica, no ingresos.

LO DIFÍCIL

Rendimiento y SEO no se negocian entre sí.

Un comparador con imágenes de producto, filtros dinámicos y muchas páginas suele ser pesado y lento. El reto fue mantener PageSpeed alto Y el catálogo completo indexable al mismo tiempo. Estas son las decisiones que lo hicieron posible.

Lo que resolví

01
Una sola fuente de datos alimenta todo el sitio
Todo el catálogo vive en un solo archivo de datos estructurado. De ahí se generan las páginas de producto, las de categoría y el comparador — sin duplicar contenido y sin base de datos. Añadir un producto es editar un objeto, y el sitio entero se actualiza de forma consistente.
02
Imágenes optimizadas sin sacrificar velocidad
Uso el sistema de imágenes de Next.js para servir cada foto en el formato y tamaño exactos que necesita cada dispositivo. Resultado: catálogo visualmente rico con PageSpeed 99 en escritorio y 84 en móvil, sin bloquear el renderizado.
03
SEO técnico 100/100 con metadatos y datos estructurados
Cada página tiene su meta description, Open Graph con locale es_CO, Twitter cards y marcado orientado a producto. La divulgación de afiliados es visible y cumple la normativa. Google no solo indexa el sitio: entiende qué es cada página y para quién.

¿Necesitas un sitio que Google entienda y que cargue rápido?

Si tu negocio vive de aparecer en búsquedas, ese es exactamente el tipo de base técnica que construyo. Cuéntame tu proyecto — respondo en menos de 24 horas.